标签：test 另一个 err 展开 script 方法 code 写法 str
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>51-自定义原型对象</title>
</head>
<body>
<div class="box" id="father">123</div>
<div class="box" id="son">456</div>
<script>
console.log(document);
</body>
</html>
2.上面的代码执行后,可以在浏览器控制台console里发现document文档对象如下图:
3.展开document文档对象,我们可以发现包含了当前网页中所有的HTML标签.如下图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>51-自定义原型对象</title>
</head>
<body>
<div class="box" id="father">123</div>
<div class="box" id="son">456</div>
<script>
//1.通过js代码动态的找到HTML标签
//document我们称之为文档对象,这个对象中保存了当前网页中所有的HTML标签
//2.如何通过JS动态的修改HTML元素的样式
var div=document.querySelector("#son");
console.log(div);
div.style.width="200px";
div.style.height="200px";
div.style.backgroundColor="red";
div.style.borderRadius="50%";
</script>
</body>
</html>
//如何动态的创建一个HTML元素 //格式: document. createElement. ("标签的名称") var div=document. createElement. ("div") var div=document. createElement. ("p") var div=document. createElement. ("span")
var div=document.querySelector("div"); var p=document.createElement("p"); div. appendChild(p);
// 如何删除一个指定元素 var div=document.querySelector("div>a"); console.log(a) ; // 通过访问一个元素对象的parentElement, 可以找到当前元素对象的父元素(父节点) console.log(a. parentElement) ; //通过一个元素的父元素调用removeChild方法, 就可以讲该父元素中指定的子元素删除 a. parentElement. removeChild(a) ;
//在js中如何不断的重复执行某一段代码 ? function test(){ console.log ("test") } //每隔多少毫秒执行一次第一个参数(test函数) setInterval(test, 1000) ;
var nm=1 ; function test(){ console.log ("test") } setInterval(function (){ console.log ("test", num) ; num++ ; }, 1000) ; //每执行一次匿名函数的代码块,就执行增量表达式num++.
标签：test 另一个 err 展开 script 方法 code 写法 str
原文地址：https://www.cnblogs.com/aoyama/p/10564601.html
