【JS】DOM-1练习

Osinghong5个月前 (05-12)成果展示108
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>d24c04429</title>
</head>
<body>
    <ul>
        <li id="flag">鱼香肉丝</li>
        <li class="dish">宫保鸡丁</li>
        <li>糖醋里脊</li>
        <li>麻辣香锅</li>
    </ul>
    <input type="checkbox" name="fruit" id="fruit" value="apple">苹果
    <script>
        var menu = document.getElementById('flag');
        var list = document.getElementsByTagName('li');
        var dish = document.getElementsByClassName('dish');
        var fruit = document.getElementById('fruit');
        var list2 = document.querySelectorAll('li');
        var htmlEle = document.documentElement;
        var bodyEle = document.body;
        console.log(menu);
        console.log(list);
        console.log(dish);
        console.log(fruit);
        console.log(list2);
        console.log(htmlEle);
        console.log(bodyEle);
    </script>
</body>
</html>


打赏
分享给朋友:

相关文章

【JS】三元表达式7个月前 (03-17)
【JS】3.17课后练习7个月前 (03-17)
【JS】For语句7个月前 (03-17)
【JS】删除特定数组7个月前 (03-31)
【JS】冒泡排序7个月前 (03-31)