每天CookBook之JavaScript-051

  • 通过标记选择元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>051</title>
</head>
<body>
    <p><img src="11.jpg"," alt="image description"></p>
    <p><img src="22.jpg"," alt="image description"></p>
    <p><img src="33.jpg"," alt="image description"></p>
</body>
<script type="text/javascript">
var imgs = document.getElementsByTagName('img');
console.log(imgs.length);
var p = document.createElement("p");
var img = document.createElement("img");
img.src = "someimg.jpg";
p.appendChild(img);

var paras = document.getElementsByTagName('p');
paras[0].parentNode.appendChild(p);
console.log(imgs.length);

var allelems = document.getElementsByTagName('*');
console.log(allelems.length);
</script>
</html>
posted @ 2016-07-21 20:43  4Thing  阅读(84)  评论(0编辑  收藏  举报