博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html_Dom
阅读量:6432 次
发布时间:2019-06-23

本文共 2352 字,大约阅读时间需要 7 分钟。

Document: 每个载入浏览器的HTML文档都会成为一个Document对象。

     Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

     并且Document 对象是 Window 对象的一部分,可通过window.document 属性对其进行访问。

document三个对象方法:

document.getElementsByTagName('  ') 获取所有的'  '标签(多个元素)
document.getElementById('  ') 根据‘  ’id找到某标签(一个元素)
document.getElementsByClassName('  ') 通过样式名找到'   '标签 (多个元素)                     

小例子;

                                    
c1
  • xxx
  • ooo
  • xxx
  • ooo

网页及console显示结果:

document.getElementsByName()小应用形式:

                                 
  • 0
  • 1
  • 2
  • 3

用户名:

密码:

   

运行结果:

 

/*一些鼠标事件*/

 /*dom之自增数字*/

            
1
自增数字

 /*dom之操作文本内容*/

innerText : 获取标签中的文本内容

innerHTML : 获取标签中间所有内容

小例子:

                             
XXXOOO

ssbbb

结果截图:

/*小例子之用value获取文本*/

    

Velue获取文本

/*小例子之搜索框文本提示*/

    
搜索框

 /*dom之创建标签*/

/*通过字符串的方式创建*/

                             
添加     

/*通过对象的方式创建标签*/

                             

/*操作(创建、修改)标签属性*/

                             
xxx

操作结果:

/*dom之表单提交*/

                                         
提交
dom骚操作
            
dom骚操作2号

/*dom之小小功能*/

/*confirm*/

            
confirm

/*定时器setInterval*/

            
定时器

/*会动的title*/

            
你是一个圈圈
一直动的title
            
你是一个圈圈
会停下来的title
            
你是一个圈圈
只能动一次的title

 

转载于:https://www.cnblogs.com/Vera-y/p/10445320.html

你可能感兴趣的文章
Spring框架 - AOP使用
查看>>
Ansible常用内置属性
查看>>
C#使用正则表达式校验邮箱
查看>>
Linux自动清理N天前目录文件
查看>>
方便 快捷 安全的EVO邮件服务器
查看>>
bash的快捷键
查看>>
京东金融大数据竞赛猪脸识别(6)- 识别方法之二
查看>>
关于如何编写linux设备驱动
查看>>
Hibernate自动生成实体类注解
查看>>
DNS服务
查看>>
九州云开放“边缘云”能力 助力中国联通延展业务边界
查看>>
Linux进程状态(ps stat)之R、S、D、T、Z、X
查看>>
ME3750和普通3750的区别
查看>>
H3C交换系列之Super VLAN
查看>>
项目采购管理
查看>>
linux系统使用tomcat服务器部署web项目
查看>>
虚拟文件系统相关结构描述【续】
查看>>
我的友情链接
查看>>
思科通配符(Cisco Wildcard Mask)
查看>>
PHP cURL快速入门
查看>>