html鐐瑰嚮鎸夐挳鏀瑰彉鏂囧瓧鎬庝箞瀹炵幇
html鐐瑰嚮鎸夐挳鏀瑰彉鏂囧瓧鐨勫疄鐜版柟娉曪細1.鍒涘缓涓€涓猦tml鏂囦欢锛?.鍦╤tml鏂囦欢涓坊鍔爃tml浠ｇ爜鏋舵瀯锛?.鍦╞ody鏍囩閲岄潰浣跨敤p鏍囩鍜宐utton鏍囩瀹炵幇涓€涓寜閽拰涓€娈垫枃鏈紱4.鍦╤tml鏍囩閲岄潰娣诲姞script鏍囩骞惰缃偣鍑绘寜閽敼鍙樻枃鏈殑鍔熻兘锛?.閫氳繃娴忚鍣ㄦ柟寮忔煡鐪嬭璁℃晥鏋溿€?/p>
html鐐瑰嚮鎸夐挳鏀瑰彉鏂囧瓧鐨勫疄鐜版柟娉曪細
1.棣栧厛鍒涘缓涓€涓猦tml鏂囦欢銆?/p>
2.鍦╤tml鏂囦欢涓坊鍔爃tml浠ｇ爜鏋舵瀯銆?/p>
<!DOCTYPE html><html>
<head>
<title>鏀瑰彉鏂囧瓧</title>
</head>
<body>
</body>
</html>
3.鐒跺悗鍦╤tml浠ｇ爜鏋舵瀯涓殑body鏍囩閲岄潰浣跨敤p鏍囩鍜宐utton鏍囩瀹炵幇涓€涓寜閽拰涓€娈垫枃鏈€?/p>
<p id="claa">鎴戣鏀瑰彉杩欏彞璇?lt;/p><button id="clab" type="button" onclick="myFunction()">
鐐瑰嚮鎴戝惂锛屽氨鑳芥敼鍙樹簡鍝?/p>
</button>
4.鍦╤tml鏋舵瀯涓殑html鏍囩閲岄潰娣诲姞script鏍囩骞惰缃偣鍑绘寜閽敼鍙樻枃鏈殑鍔熻兘銆?/p>
<script>function myFunction() {
x = document.getElementById("claa");
x.innerHTML = "缁堜簬鑳芥敼鍙樿繖鍙ヨ瘽浜?quot;;
y = document.getElementById("clab")
y.innerHTML = "鎬庝箞鏍凤紝鏀瑰彉浜嗗惂"
}
</script>
5.鏈€鍚庡彲閫氳繃娴忚鍣ㄦ柟寮忛槄璇籬tml鏂囦欢鏌ョ湅璁捐鏁堟灉銆?/p>
瀹屾暣绀轰緥浠ｇ爜濡備笅锛?/p>
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>鏀瑰彉鏂囧瓧</title>
</head>
<body>
<p id="claa">鎴戣鏀瑰彉杩欏彞璇?lt;/p>
<button id="clab" type="button" onclick="myFunction()">
鐐瑰嚮鎴戝惂锛屽氨鑳芥敼鍙樹簡鍝?/p>
</button>
</body>
<script>
function myFunction() {
x = document.getElementById("claa");
x.innerHTML = "缁堜簬鑳芥敼鍙樿繖鍙ヨ瘽浜?quot;;
y = document.getElementById("clab")
y.innerHTML = "鎬庝箞鏍凤紝鏀瑰彉浜嗗惂"
}
</script>
</html>
