怎样用js修改div里标签的样式

JavaScript019

怎样用js修改div里标签的样式,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,在div内,使用p标签创建两行文字,用于测试。

3、在test.html文件内,设置div标签的id为mytest,主要用于下面通过该id获得div对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“删除div里的内容”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行delcon()函数。

6、在js标签中,创建delcon()函数,在函数内,通过getElementById()方法利用id(mytest)获得div对象,通过将对象的innerHTML设置为空,实现删除div里的内容,但不删除div本身。

直接使用 ele.style.css属性 = 属性值

document.querySelector('html').style.margin = '0px'

document.querySelector('html').style.padding = '0px'

或 使用 ele.style.cssText = "css 样式"

document.querySelector('html').style.cssText = `margin: 0pxpadding: 0px`

方案:

第一种:通过label定义的id获取dom节点,然后修改label的值

第二种:通过label标签获取dom节点,然后修改label的值

示例:

1

2

3

4

5

6

<body>

<label id='test'>1</label>

</body>

<script>

document.getElementById('test').innerHTML = '2'//通过id获取label,修改值为2

</script>