HTML DOM
标签体的设置和获取:innerHTML
使用html元素对象的属性
控制元素样式
- 使用元素的style属性来设置
如:
//修改样式方式1
div1.style.border = “1px solid red”;
div1.style.width = “200px”;
//font-size–> fontSize
div1.style.fontSize = “20px”;
- 提前定义好类选择器的样式,通过元素的className属性来设置其class属性值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML_DOM</title>
<div id="div1">
div1
</div>
</head>
<body>
<script>
var div1 = document.getElementById("div1");
var dhtml = div1.innerHTML;
//alert(dhtml); //div1
//div标签中替换一个文本输入框
div1.innerHTML = "<input type='text'>";
//div标签中追加一个文本输入框
div1.innerHTML += "<input type='text'>";
</script>
</body>
</html>