JavaScript #3
1666 ワード
210730
JavaScript #3
titleを使用してquerySelector Allを行い、helloというh 1タグ要素をすべて取得します.
titleは、3つのh 1を有するリストのように使用することができる. event
JavaScriptでの操作の多くはイベントの処理です.
-クリック、マウスのサスペンション、入力、ボタンなどはeventです. -click event
addEventListenerを使用してイベントを検出および転送できます.
-画面を実行
titleをクリックすると関数が検出され呼び出されます.
リファレンス
https://nomadcoders.co/javascript-for-beginners/lobby
JavaScript #3
const title = document.querySelectorAll('.hello h1')
console.dir(title)
querySelector All()またはquerySelector()を使用すると、次の要素がたくさんあります.titleを使用してquerySelector Allを行い、helloというh 1タグ要素をすべて取得します.
titleは、3つのh 1を有するリストのように使用することができる.
const title = document.querySelectorAll('.hello h1')
title[0].innerText = 'This is first h1'
title[1].style.color = 'blue'
JavaScriptでの操作の多くはイベントの処理です.
-クリック、マウスのサスペンション、入力、ボタンなどはeventです.
addEventListenerを使用してイベントを検出および転送できます.
const title = document.querySelector('.hello h1')
function handleTitleClick() {
console.log('title was clicked!')
}
title.addEventListener('click', handleTitleClick)
検出click eventはhandleTitleClickを呼び出します.-画面を実行
titleをクリックすると関数が検出され呼び出されます.
const title = document.querySelector('.hello h1')
function handleTitleClick() {
title.style.color = 'blue'
console.log('title was clicked!')
}
title.addEventListener('click', handleTitleClick)
あるいは色を変えることができます.リファレンス
https://nomadcoders.co/javascript-for-beginners/lobby
Reference
この問題について(JavaScript #3), 我々は、より多くの情報をここで見つけました https://velog.io/@kimhaech/JavaScript-3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol