zoukankan      html  css  js  c++  java
  • web 页面组成之 dom 对象

    selenium -工具包:ide--录制、webdriver -网页api库、grid-分布式

    DOM对象-通过访问dom对象访问页面

    DOM (Document Object Mode):是定义了访问 HTML 文档的一套属性、方法和事件。

    本质:

    • 网页与脚本语言沟通的桥梁。
    • 脚本语言通过 DOM对象 来访问 htm| 页面,从而改变文档的结构,样式和内容。
    • 当浏览器载入HTML文档,它就会成为document对象。

      HTML DOM独立于平台和编程语言。

      它可被任何编程语言诸如Java、JavaScript 和VBScript使用。

    1、浏览器打开F12,js操作

      

    查看网页所有属性

    window.document

    2、document对象--js查找元素

    元素的class属性:

      document.getElementsByClassName()

    元素的name属性:

      document.getElementsByName()

    css选择器:不学

      document.querySelector("")

    元素的标签名:

      document.getElementsByTagName()

    元素id属性:

      document.getElementById("kw")

    js百度输入框修改classname值

      

    3、元素的属性

    改变属性:

      document.getElementByXXX( "”).属性名=属性值

    获取属性2:

      document.getElementByXXX( "”).getAttribute(属性名)

     

    改变元素的内容:

    包含 htm| 元素标签 -- 有后代:

      document.getElementByXXX( "” ).innerHTML= new HTML

    不包含 html 标签,纯文字:

      document.getElementByXXX(””).innerText=new text

    4、样式

    改变样式

      document.getElementByXXX( " )-style.样式名=样式值

    例:

    元素的可见性

      document.getElementByXXX(”” ).style.visibility='hidden'

    元素的颜色

      document.getElementByXX(”” ).style.color='red'

    菜鸟教程地址:https://www.w3school.com.cn/js/index.asp

     

    *******请大家尊重原创,如要转载,请注明出处:转载自:https://www.cnblogs.com/shouhu/,谢谢!!******* 

  • 相关阅读:
    OSError: [Errno 13] Permission denied: '/Library/Python/2.7/site-packages/django'
    mac 安装pip
    同学公司倒闭了
    web开发中的字体选择(同事分享)
    svg 学习笔记
    用highchaarts做股票分时图
    highcharts,highStock 中文图表配置
    为什么使用 npm Scripts 构建项目
    JS 浮点型计算的精度问题 推荐的js 库 推荐的类库 Numeral.js 和 accounting.js
    HTML代码转换为JavaScript字符串
  • 原文地址:https://www.cnblogs.com/shouhu/p/12191638.html
Copyright © 2011-2022 走看看