JavaScript(DOM)get,setAttribute[1-2]


<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分間エンコードを習っています)