DOM 操作

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

// let title = document.querySelector('#title') as HTMLHeadElement
// console.log(title.innerText)
// // title.innerText = '666'
// // console.log(title.innerText)

// title.innerText = title.innerText + '- 周杰伦'
// console.log(title.innerText)

let list = document.querySelectorAll('p') 
list.forEach(function(item,i){
    //   console.log(item)
    //   console.dir(item) //  HTMLParagraphElement
    // let p = item as HTMLParagraphElement
    // item.innerText = '[' + i + ']' + p.innerText
})
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 id="title">青花瓷</h1> 
    <p class="a">天青色等烟雨</p>
    <p class="a b">而我在等你</p>
    <p class="a c">炊烟袅袅升起</p>
    <p class="c b a">隔江千万里</p>

    <script src="index.js"></script>

    <!-- https://www.bilibili.com/video/BV14Z4y1u7pi?p=121 -->
</body>
</html>


posted @ 2021-01-22 09:11  13522679763-任国强  阅读(44)  评论(0)    收藏  举报