iT邦幫忙

2024 iThome 鐵人賽

DAY 25
0

https://ithelp.ithome.com.tw/upload/images/20240906/20166952lh5zD8tufa.jpg

嗨嗨~剛出差回來
今天會講一下相關的舉例喔


選取元素
// 選取ID為"example"的元素
var element = document.getElementById('example');

// 選取所有類別為"myClass"的元素
var elements = document.getElementsByClassName('myClass');

// 選取所有標籤名為"p"的元素
var paragraphs = document.getElementsByTagName('p');

// 使用CSS選擇器選取第一個符合條件的元素
var firstDiv = document.querySelector('div');


修改元素
// 修改元素的文本內容
var element = document.getElementById('example');
element.textContent = '新的內容';

// 修改元素的HTML內容
var element = document.getElementById('example');
element.innerHTML = '新內容';

// 修改元素的CSS樣式
var element = document.getElementById('example');
element.style.color = 'blue';
element.style.fontSize = '20px';


增加事件監聽器
// 為按鈕添加點擊事件監聽器
var button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('按鈕被點擊了!');
});

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。


上一篇
JS漫遊記-24-DOM文件物件模型
下一篇
JS漫遊記-26-時間問候語
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言