JavaScript操作DOM元素的一些基础方法与属性（二）

（一）createTextNode()可以创建一个文本节点。

           createElement()可以创建一个元素。

           appendChild ()为元素添加一个新的子元素。

<div id="Home">
	你好
</div>
<script>
	let a = document.createElement('div')
	let b = document.createTextNode('不好')
	let c = document.getElementById("Home")
	a.appendChild(b)
	c.appendChild(a)
</script>

利用这三个属性我们可以向页面中添加元素。 

 

(二)setAttribute()方法 

设置某个元素的属性值，但在特定场景下，使用该方法也可以改变元素的状态

<button id="Home">
	你好
</button>
<script>
	let c = document.getElementById("Home")
	c.setAttribute('disabled', true)
</script>

这里我们将这个button按钮给设置为了禁用，需要启动只需要修改第二个参数为false即可。