js操作dom

给src赋值

$('#setUrl').attr('src', data.data)
$('#setUrl').attr('data-id', data.data)

说明：此种方法无法修改行内样式

 设置css样式

var css = {  
    'background-color': '#EEE',  
    height: '500px',  
    margin: '10px',  
    padding: '2px 5px'  
};  
$("div").css(css);
//或者
$("div").css({"background-color":"yellow","font-size":"200%"});
//或者 此种方法将覆盖原有所有样式，可修改行内样式
$('#mcolumn_0_' + obj.userId).attr('style', 'color: #fff;width:100%;height:2rem;line-height:2rem;padding:0 15pt 0 15pt;background: rgb(117, 94, 144);border-radius-top:14px;border-top-right-radius: 14px;border-top-left-radius: 14px;') //颜色变化

 

获取子节点

<div class="right">
    <label for="1">
        <input type="radio" name="radio" value="1">1
    </label>
    <label for="2">
        <input type="radio" name="radio" value="2">2
    </label>
    <label for="3">
        <input type="radio" name="radio" value="3">3
    </label>
    <label for="4">
        <input type="radio" name="radio" value="4">4
    </label>
</div>

// 通过类名获取dom
    let rightNodes = document.getElementsByClassName('right')
    // 获取元素的所有子节点
    let rightChildNodes = document.getElementsByClassName('right')[0].childNodes
    // 获取元素的第一层子节点
    let labelNodes = document.getElementsByClassName('right')[0].children
    // 通过name属性获取节点
    let nameNodes = document.getElementsByName("radio")