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

  • 相关阅读:
    我只想拍到这样的美景
    [转]为什么开发人员工作10多年了还会迷茫?没有安全感?
    【java入门系列】封装特性
    【java入门系列】继承特性
    【java入门系列】类和对象
    【java入门系列】导航篇
    数据库事务四大特性
    POI操作Excel
    mysql-优化
    mysql-强化
  • 原文地址:https://www.cnblogs.com/wfc139/p/8661654.html
Copyright © 2011-2022 走看看