ホームページ > 記事 > ウェブフロントエンド > JavaScriptでsrc属性値を変更する方法
JavaScriptでsrc属性値を変更する方法
- 青灯夜游オリジナル
- 2021-07-16 14:16:238022ブラウズ
JavaScript で src 属性値を変更する方法: 1. setAttribute() メソッドを使用します。構文は「element object.setAttribute("src","attribute value")」です。 2. src を使用します。 HTML DOM の属性、構文「ElementObject.src="AttributeValue"」。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
#JavaScript は src 属性値を変更します
方法 1: setAttribute() メソッドを使用します
setAttribute () メソッドは、指定された属性を追加し、指定された値を割り当てます。 この指定されたプロパティがすでに存在する場合にのみ、値を設定/変更します。#例:
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="JavaScriptでsrc属性値を変更する方法" >
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg");
}
</script>
</body>
</html>レンダリング:
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="JavaScriptでsrc属性値を変更する方法" >
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].src="img/3.jpg";
}
</script>
</body>
</html>レンダリング:
[推奨学習:
以上がJavaScriptでsrc属性値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。