zoukankan      html  css  js  c++  java
  • dom操作

    dom操作(document object model操作对象模型):找到一个元素,操作一个元素(修改,删除元素)

    找元素(操作方法)或者叫对象方法:

                                     1,document.getElementById()方法通过返回带有指定Id的元素

                                     2,document.getElementByTagname()返回带有指定标签名称的元素

                                     3,document.getElementByClassName()返回带有指定类名的所有元素

    HTML DOM Element 对象

                                     element对象表示html元素(标签),元素可以拥有属性。

                                    element.getAttribute:返回元素的指定属性值

                                    例如:document.getElementsByTagName("img")[0].getAttribute("style");获取页面中第一个标签名为img的style属性值;

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
      <script>
    //定义一个函数
         function my(){
    //找html中的标签名为img的第一个img
        var aaa=document.getElementsByTagName("img")[0];
    //将获取的img的style的属性值返回到p标签段落里
        document.getElementById("sc").innerHTML=aaa.getAttribute("style");
        }
      </script>
    <body>
    //定义一个图片
        <img src="img/1.png" style="50px;height:50px;/>
        <p id="sc"></p>
        <button onClick="my()">点我</button>
    </body>
    </html>
    

     返回结果就是:50px;height:50px

  • 相关阅读:
    课后作业02-需求分析
    2018年春季个人阅读计划
    eclipse 导入项目后,在工程图标上出现红叉,但是工程中的文件并没有提示错误的解决方法
    阅读博客——我们应当怎样做需求分析? ------阅读笔记
    网络记事本第一天
    软件工程第九周总结
    软件工程第八周总结
    全球疫情web制作进度
    构建之法阅读笔记03
    软件工程第七周总结
  • 原文地址:https://www.cnblogs.com/wfc139/p/8661654.html
Copyright © 2011-2022 走看看