HTML作為網頁構建的基礎語言,我們經常需要使用JS來對網頁進行一些操作,下面是一些HTML中常用的JS代碼:
//獲取元素 document.getElementById('id'); //通過id獲取元素 document.getElementsByClassName('class'); //通過class獲取元素 document.getElementsByTagName('tagname'); //通過標簽名獲取元素 document.querySelector('selector'); //通過CSS選擇器獲取元素,返回第一個匹配的 //事件 document.addEventListener('event', function(){...}); //添加事件監聽器 document.removeEventListener('event', function(){...}); //移除事件監聽器 element.onclick = function(){...}; //添加點擊事件 //元素操作 element.textContent = "text" //設置元素文本內容 element.innerHTML = "html" //設置元素內部html element.style.cssProperty = "value" //設置樣式屬性 element.classList.add('class'); //添加class element.classList.remove('class'); //刪除class parent.appendChild(child); //將子元素添加到父元素 parent.removeChild(child); //將子元素從父元素中移除 element.classList.toggle('class'); //切換class //定時器 setTimeout(function(){...}, delay); //延遲一定時間后執行一次 setInterval(function(){...}, interval); //循環執行一定間隔的時間 clearTimeout(id); //清除延遲執行函數的計時器 clearInterval(id); //清除循環執行函數的計時器
以上是HTML中常用的JS代碼,這些代碼可以滿足我們對于網頁的常規操作,也可以幫助我們更好地操作和控制網頁的各種元素和事件。
上一篇vue calc()
下一篇c json多層解析