導航:首頁 > 編程語言 > js怎麼單擊改變標簽里的文字

js怎麼單擊改變標簽里的文字

 發布時間：2025-03-01 18:59:03

① js怎麼改變<a></a>裡面的的文字

思路：獲取a對象，然抄後使用innerHTML屬性設置標襲簽內的文字，關鍵代碼：

document.getElementById(id).innerHTML=something;

實例演示如下:

1、HTML結構

<ahref="#"id="test">超鏈接的原始文本</a><br>
修改超鏈接文本：<inputtype="text"id="name">
<inputtype="button"value="修改"onclick="fun()">

2、javascript代碼

functionfun(){
	varname=document.getElementById("name").value;
	document.getElementById("test").innerHTML=name;
}

3、效果演示

② javascript修改html <b>標簽內容

簡單的實現，僅供參考：

<body>
	<bstyle="width:100px;height:100px;border:1pxsolid#ccc;"></b>
</body>
<scripttype="text/javascript">
	varoB=document.getElementsByTagName('b')[0];
	vararr=[1,2,3,4,5,6,7,8,94,1,3,4,5,6];
	oB.onclick=function(){
		oB.innerHTML=arr[Math.floor(Math.random()*arr.length)];//修改回DIV標簽裡面的內容答
	};
</script>

③ js獲取網頁當中body里所有標簽裡面的指定漢字並進行批量替換

我寫了代碼如下, 測試可行, 供參考:

//主要靠這個函數實現:將body下的文本節點中的searchWord,替換為replaceWord
functionreplaceBodyText(searchWord,replaceWord){
varreg=newRegExp(searchWord,'g');
functionreplaceNode(node){
node.childNodes.forEach(function(v){
if(v.nodeName==='SCRIPT')
return;//排除<script>標簽
if(!v.hasChildNodes()){
if(reg.test(v.textContent))
v.textContent=v.textContent.replace(reg,replaceWord);
return;
}
replaceNode(v);
});
}
replaceNode(document.body);
}

//綁定一個事件測試用,點擊這個按鈕後才會執行;
document.querySelector('#testBtn').addEventListener('click',function(){
replaceBodyText('中國','美國');
});

//實際使用中直接調用函數即可:
//以下語句表示將所有文本節點中的"中國"替換為"美國:
//replaceBodyText('中國','美國');

④ 請教，怎麼用jquery或js給button顯示文本改變

1、過程如下，首先打開hbuilder軟體，在空白文件里寫入兩個button設置簡單的版樣式，並分別權設置id屬性為btn1和btn2，在下方加入script標簽，獲取button1的dom元素並給其button標簽一個click事件，當點擊button1的時候，文字就會改變：

閱讀全文

與js怎麼單擊改變標簽里的文字相關的資料

熱點內容
設置宏管理在哪裡設置密碼 瀏覽：548
cnc編程和修車哪個難 瀏覽：987
多個手機如何連接兩個無線網路 瀏覽：171
計算機網路基本結構圖 瀏覽：372
哪些網站可以上傳3dmax文件 瀏覽：530
豆神學習法app怎麼運用 瀏覽：501
win10無線網卡怎樣卸載不了 瀏覽：610
excel工資表存檔文件名 瀏覽：893
飛盧網站怎麼起名 瀏覽：738
微信郵箱繁忙 瀏覽：48
文件夾與svn關聯 瀏覽：148
改變u盤默認文件夾順序 瀏覽：928
京東買蘋果6s放心嗎 瀏覽：308
屏幕打字是哪個APP 瀏覽：174
美國版蘋果5s多少錢 瀏覽：958
微信昵稱在那個文件夾 瀏覽：358
特斯拉如何修改app登陸密碼 瀏覽：478
怎麼用手機進入編程貓 瀏覽：8
使用wps如何壓縮文件 瀏覽：966
列印店掃描紙質文件多少錢 瀏覽：727

友情鏈接