| 1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>JS对象-DOM-获取元素对象</title>
- </head>
- <body>
- <!--<img id="imgId" src="image/g0.jpeg" height="360px"> <br/><br/>-->
- <div class="clz">xxx教育</div>
- <a href="http://www.wolfcode.cn" class="clz">广州ssss</a> <br/><br/>
- 爱好：
- <input type="checkbox" name="hobby"> Java
- <input type="checkbox" name="hobby"> Python
- </body>
- <script>
- // 需求1: 标签的class 值为clz 的元素内容后面加一个很哇塞
- var clzsEle = document.getElementsByClassName("clz")
- for (let i = 0; i < clzsEle.length; i++) {
- var e = clzsEle[i];
- e.innerHTML += " <font color='red'>很哇塞</font>"
- }
- // 需求2: 让所有复选框呈现选中状态
- // 1 获取所有复选框
- var inputs = document.getElementsByTagName("input")
- for (let i = 0; i < inputs.length; i++) {
- var input = inputs[i]
- input.checked = true
- }
- </script>
- </html>
|
