原生js获取兄弟元素 如何查找网页元素对应的JS代码（如图）？

如何查找网页元素对应的JS代码（如图）？

如果可以调试，可以打开浏览器的调试功能。

以chrome为例，按F12打开“调试”窗口，切换到“源”选项卡，并在最右侧的“事件侦听器断点”中选中鼠标下方的“鼠标上方”。当鼠标移到图片时，将触发mouseover事件。Chrome可以响应事件，设置断点，并跟踪JS代码以供查看。

如何查找元素对应事件的js代码？

首先，右键单击要通过Chrome的devools查找的元素。

单击“审阅元素”：在DOM树中查找要查看的元素：单击右侧或下方的“事件侦听器”：将显示绑定到此元素的DOM事件列表。例如，上图Li与OnMouseOver绑定。点击右边的j.js:2390跳转到事件绑定代码定义的位置。

如何通过js给某个元素设置样式？

1. 使用CSS属性

var display=$（“#id”）。CSS（“display”）如果（display==“none”）{警报（“你找到我了，我被隐藏了！”！")}

2. 使用jQuery内置选择器

假设我们的页面有这样一个标记，

<div id=“test”><P>只用于测试</P></div>

然后，我们可以使用下面的语句来确定id为“test”的标记是否隐藏：

if（$（“ est”）。Is（“：hidden”{…}//前提是jQuery库已经导入

这样，我们可以很容易地判断元素是否隐藏，并根据其状态设置动画，例如：

if（$（“#test”）。是（“：hidden”）{$（“#test”）。Show（）//如果元素被隐藏，它将被显示}否则{$（“#test”）。Hide（）//如果元素可见，则隐藏它}

3。JQuery决定对象是显示还是隐藏

JS code

//JQuery（“#tanchubg”）。CSS（“display”）//jQuery（“#tanchubg”）。Is（“：visible”）//jQuery（“#tanchubg”）。是（“：hidden”）

原生js获取兄弟元素 原生js获取元素高度 根据id获取元素的原生js方法

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。