2016 - 2024

感恩一路有你

html5教程 怎么在chrome调试工具直接修改js代码?

浏览量:2404 时间:2021-04-12 17:24:48 作者:admin

怎么在chrome调试工具直接修改js代码?

1. 右键单击“元素”选项卡以查看元素。

2. 蓝色部分和红色箭头表示所选元素的代码。

3. 单击箭头所示的部分以打开控制台。如果JS异常,这里会显示相关信息。

4. 按箭头的顺序单击并在第59行标记断点。

5. 单击箭头指示的位置以刷新页面。

6. JS到达断点时将暂停。

7. 单击右侧箭头所示的位置,逐步浏览JS代码。

8. 将鼠标放在变量上,可以查看变量的相关信息。

jquery或者JS怎么改class的名字?

JQuery可以使用attr()或prop()方法修改类名,JavaScript可以修改对象的classname属性,关键代码如下:$(“#test”)。属性(“class”,“blue”)$(“ est”)。道具(“class”,“blue”)文档.getElementById(“测试”)。Classname=“blue”示例如下:

1。HTML结构和样式gt红色{ 颜色:红色!重要}。蓝色{颜色:蓝色!重要提示}</style><div id=“test”>我是示例div</div><input type=“button”id=“JS”value=“使用JavaScript方法将类名修改为red”>&Ltbr><input type=“button”id=“JQ”value=“使用jQuery方法将类名修改为blue”>&Ltbr>

2。JQuery代码$(function(){$(“JQ”)。单击(function(){$(“ est”).attr(“class”,“blue”)})window.onload文件=函数(){文档.getElementById(“js”).onclick=function(){文档.getElementById(“测试”)。Classname=“红色”}3。效果演示

html5教程 js菜鸟教程 js基础

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