1.属性写操作：添加、替换、修改
元素.属性名=新的值
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input id="btn" type="button" value="按钮" /></body><script>var Obtn = document.getElementById(‘btn‘);Obtn.value=‘点击‘；</script></html>
2.属性的读操作：获取、找到元素
元素.属性名
3.innerHTML：读取元素内所有的HTML的内容
.innerHTML=新的值 （修改、替换元素内所有的HTML内容）
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input id="text1" type="text" /><input id="btn1" type="button" value="按钮" /><p id="p1">这是一些文字</p></body><script>window.onload = function (){var oBtn = document.getElementById(‘btn1‘);var oText = document.getElementById(‘text1‘);var oP = document.getElementById(‘p1‘);oBtn.onclick = function (){oP.innerHTML = oText.value;};};</script></html>注意：
1.JS中不允许出现‘-’，例如：font-size是错误的写法，fontsize是正确的写法。
2.JS中保留字、关键字：
给元素添加class不能用content.class，应该用content.className，允许把‘.’换成‘[]’，‘.’后面的值无法修改，‘[]’可以随便写。
3.相对路径，innerHTML和颜色值不能拿来做判断。
JS属性操作
原文地址：https://www.cnblogs.com/tflicong/p/8375858.html