JavaScript(DOM)get,setAttribute[1-2]
9160 ワード
<ul>
<li class="jung">
<img src="images/...">
<a href="https:google.com">Google</a>
</li>
<li class="jung"><img src="images/..."></li>
</ul>
<script>
var link = document.querySelector('.jung a');
console.log(link);
</script>
上のコード選択者jungに含まれるサブ要素aを選択し、コンソールウィンドウに表示させる.
<ul>
<li class="jung">
<img src="images/...">
<a href="https:google.com">Google</a>
</li>
<li class="jung"><img src="images/..."></li>
</ul>
<script>
var link = document.querySelector('.jung a');
console.log(link.getAttribute('href'));
</script>
aはラベルhrefは属性(attribute)
...............
link.getAttribute('href')
変数リンクでインポートしたオブジェクトを使用する方法.
hrefという名前のプロパティをコンソールウィンドウに表示できます.
コンソールウィンドウ出力https://google.com.
classもプロパティなので、コンソールウィンドウに表示できます.
<script>
var link = document.querySelector('.jung a');
console.log(link.setAttribute('href','daum.net'));
</script>
link.setAttribute(属性、置換しようとする)を追加することで、既存のコンテンツを変更できます.(1分間エンコードを習っています)
Reference
この問題について(JavaScript(DOM)get,setAttribute[1-2]), 我々は、より多くの情報をここで見つけました https://velog.io/@snowgom/자바스크립트Document-Object-Model-Study-2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol