美文网首页
1 js查找和修改Html元素

1 js查找和修改Html元素

作者: 一枝妖孽 | 来源:发表于2018-06-01 11:18 被阅读0次

    1 查找 HTML 元素
    通常,通过 JavaScript,您需要操作 HTML 元素。
    为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:
    1)通过 id 找到 HTML 元素
    2)通过标签名找到 HTML 元素
    3)通过类名找到 HTML 元素

    2 通过 id 查找 HTML 元素
    var x=document.getElementById("intro");

    3 通过标签名查找 HTML 元素
    本例查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素:
    var x=document.getElementById("main");
    var y=x.getElementsByTagName("p");

    4 HTML DOM 允许 JavaScript 改变 HTML 元素的内容
    在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
    绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。

    5 改变 HTML 内容
    document.getElementById("p1").innerHTML="New text!";

    6 改变 HTML 属性
    document.getElementById(id).attribute=new value
    //
    document.getElementById("image").src="landscape.jpg";

    相关文章

      网友评论

          本文标题:1 js查找和修改Html元素

          本文链接:https://www.haomeiwen.com/subject/wamhsftx.html