js原生获取某个div下的所有子节点

最终效果:
js原生获取某个div下的所有子节点_第1张图片

DOCTYPE html>
<html>
<title>js原生获取某个div下的所有子节点title>
<head>
<style type="text/css">
#wrapper {
    background-color: pink;
}
#wrapper .row {
    border: 1px solid #000;
}
style>        
head>
<body>
    <div id="wrapper">
        <div class="row"><input type="checkbox" value="98" /> <span>什么鬼写法span>div>
        <div class="row"><input type="checkbox" value="99" /> <span>不会吧span>div>
        <div class="row"><input type="checkbox" value="100" /> <span>啊这span>div>
    div>
body>
<script>
function doJsFor() {
    var checkedArray = ['99','100']; // 选中的value
    var parentNode = document.getElementById('wrapper'); // 获取到input们的父节点
    var inputArray =  parentNode.getElementsByTagName('input'); // 获取到所有input节点
    for(let i=0;i<inputArray.length; i++){
        for(let j=0;j<checkedArray.length; j++){
            if(inputArray[i].value === checkedArray[j]) {
                inputArray[i].checked = 'checked'; // 动态给input赋值
            }
        }
    }
}
doJsFor();
script>
html>在这里插入代码片

你可能感兴趣的:(学习笔记,javascript,前端,开发语言)