iT邦幫忙

4

JavaScript 基礎知識-選取ID與textContent

  • 分享至 

  • xImage
  •  

前言
基於對 JavaScript 基礎知識不足,希望藉由像鐵人賽這樣每天一篇文的方式,寫技術文章讓自己能更進步。

在 JavaScript 裡,當想要選取一個 id 渲染到網頁上時,可以使用下面的語法:
document.getElementById('');

假使今天想要選取一個 id 且為title,則可以這樣寫:
document.getElementById('title');

接下來介紹一個新增文字的方式,再選取完一個 id 且為title時,想渲染一些文字時,可以如下:
document.getElementById('title').textContent = '這是一段文字';

綜合上面,假使今天的 Html 如下:

<p id="test">文字1</p>
<script>
    document.getElementById('test').textContent="修改後的標題";
</script>

則輸出後,會變成:

<p id="test">修改後的標題</p>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
布萊恩.張
iT邦新手 5 級 ‧ 2019-03-10 20:33:06

謝謝分享。

很多人會使用 innerHTML 來做文字的渲染
但是用 textContent 在很多情況來說真的比較安全

innerHTML 比較容易被串改資料,固較危險。

我要留言

立即登入留言