灵活使用console让 js调试更简单

譬喻，$$(‘.className’) 获取具有类 className 的全部元素，而$$(‘.className’)[0]和 $$(‘.className’)[1]获取到别离是第一个和第二个元素。

将赏识器转换为编辑器

你有几多次想知道你是否可以在赏识器中编辑一些文本？ 谜底是必定的，你可以将赏识器转换为文本编辑器。 你可以在 DOM 中的任何位置添加文本和从中删除文本。

你不再必要搜查元素并编辑HTML。相反，进入开拓职员节制台并输入以下内容:

document.body.contentEditable=true  

这将使内容可编辑。此刻，你险些可以编辑DOM中的任何内容。

查找与DOM中的元素关联的变乱

调试时，必要查找 DOM 中某个元素的变乱侦听器感时，谷歌节制台了 getEventListeners使找到这些变乱越发轻易且直观。

getEventListeners($(‘selector’)) 返回一个工具数组，个中包括绑定到该元素的全部变乱。你可以睁开工具来查察变乱:

要找到特定变乱的侦听器，可以这样做:

getEventListeners($(‘selector’)).eventName[0].listener  

这将表现与特定变乱关联的侦听器。这里 eventName[0] 是一个数组，它列出了特定变乱的全部变乱。譬喻:

getEventListeners($(‘firstName’)).click[0].listener  

将表现与 ID 为 ‘firstName’ 的元素的单击变乱关联的侦听器。

监控变乱

假如但愿在执行绑定到 DOM 中特定元素的变乱时监督它们，也可以在节制台中这样做。你可以行使差异的呼吁来监控个中的一些或全部变乱:

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!