(十)DOM

1. 文档信息

(1)获取url: document.url

(2)window.location.href 与 document.url 的区别:

2.1  document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。

所以一个窗口下只有一个window.location.href,但是可能有多个document.url

2.2  window.location.href 可以被赋值,然后跳转到其它页面,document.url只能读不能写

(3)document.title 

获取:

const title = document.title
console.log(title) // Djoy3.0

赋值:

document.title = 'hhh'

(4)获取域名:document.domain

类同 window.location.hostname

2. element

<body>
  <div id='text' class='text_name' >text</div>
  <script>
    var oText = document.getElementById('text')
    console.log(oText.id) // text
    console.log(oText.className) // text_name
    oText.id = 'newId'
    oText.className = 'new_class'
    console.log(oText.id) // newId
    console.log(oText.className) // new_class
    console.log(oText.tagName) // DIV
    if (oText.tagName.toLowerCase() === 'div') {
      console.log('div')
    }
  </script>
</body>

3. 属性:

操作特性的DOM 方法有三个,分别是

setAttribute()
getAttribute()
removeAttribute()

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值