JavaScript小知识点第一天

最新推荐文章于 2024-07-04 00:59:27 发布

我叫易水

最新推荐文章于 2024-07-04 00:59:27 发布

阅读量548

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_59948702/article/details/128187192

版权

debugger

js中的断点，可以用于中止代码运行，起调试的作用

<body>
        <p id="demo"></p> 
        <p>开启调试工具，在代码执行到第三行前会停止执行。</p>
        <script>
            var x = 15 * 5;
            debugger;
            document.getElementById("demo").innerHTML = x;
        </script>
    </body>

效果为：

document.querySelector(‘选择器’)

js中的元素选择器，可用于抓取代码中想要获取的对象，如“document.querySelectorAll("p");”，这是抓取到元素中的：“p”元素，然后对其进行操作；

document.querySelector('选择器').style.属性 = '值';

js版改变样式的工具，可以用于对选中元素进行样式属性的更改，如：

隐藏元素：document.querySelector('选择器').style.display = 'none';
改变字体颜色：document.querySelector('选择器').style.color = '#FF0000';
改变背景颜色：document.querySelector('选择器').style.backgroundColor = '#000000';
字体加粗：document.querySelector('选择器').style.fontWeight = 'bolder'

我叫易水

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript小知识点第一天

js中的断点，可以用于中止代码运行，起调试的作用效果为：js中的元素选择器，可用于抓取代码中想要获取的对象，如“document.querySelectorAll("p");”，这是抓取到元素中的：“p”元素，然后对其进行操作；js版改变样式的工具，可以用于对选中元素进行样式属性的更改，如：隐藏元素：document.querySelector('选择器').style.display = 'none';改变字体颜色：document.querySelector('选择器').style.color
复制链接

扫一扫