每天CookBook之JavaScript-050

  • 通过ID选择元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>050</title>
</head>
<body>
    <div id="demodiv">
        <p>This is text</p>
        <p>Some more text</p>
    </div>
</body>
<script type="text/javascript">
var demodiv = document.getElementById("demodiv");
var parent = demodiv.parentNode;
var children = demodiv.childNodes;
console.log(demodiv);
console.log(parent);
console.log(children);
console.log(parent.nodeName);

var outputString = "";
if(demodiv.hasChildNodes()){
    var children = demodiv.childNodes; 
    for (var i = 0; i < children.length; i++) {
        outputString += "has child " + children[i].nodeName + " ";
    }
}
console.log(outputString);
</script>
</html>
posted @ 2016-07-21 20:26  4Thing  阅读(86)  评论(0编辑  收藏  举报