Element元素对象

最新推荐文章于 2024-02-05 22:49:06 发布

原创最新推荐文章于 2024-02-05 22:49:06 发布 · 595 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#元素对象 #js

前端同时被 2 个专栏收录

19 篇文章

订阅专栏

15 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，展示了如何使用getElementById方法获取页面元素，并通过getAttribute、setAttribute和removeAttribute方法来读取、设置和删除HTML元素的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
    <input type="text" id="nameId" value="zhangsan" />
</body>
<script type="text/javascript">
// 获取元素对象
// getAttribute("属性名称") 获取属性的值
// setAttribute("属性名称","属性的值")  设置或者修改属性的值
// removeAttribute("属性名称");删除属性
    var input = document.getElementById("nameId");
    alert(input.value);
    alert(input.getAttribute("value"));
    input.setAttribute("value","zhaosi");
    alert(input.getAttribute("value"));
</script>

    // 获取元素下的所有子节点
    // childNodes会把空格计算在内
    // getElementsByTagName（）
    ul.getElementsByTagName("li")
    // 如果是document.getElementsByTagName()拿到的会是所有元素，用元素调用会获得子节点