首页 > 新闻资讯

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

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

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

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

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

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

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

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><divid=“test”>我是示例div</div><inputtype=“button”id=“js”value=“使用javascript方法将类名修改为red”><br><inputtype=“button”id=“jq”value=“使用jquery方法将类名修改为blue”><br>

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

html5教程js菜鸟教程js基础

原文标题:html5教程 怎么在chrome调试工具直接修改js代码?,如若转载,请注明出处:https://www.ycyjhw.com/news/33401.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「永洁号」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。