嗨嗨~剛出差回來
今天會講一下相關的舉例喔
選取元素
// 選取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
我們下篇文章見掰掰~
對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。