導航:首頁 > 編程語言 > 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怎麼單擊改變標簽里的文字相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽：518
文件如何使用 瀏覽：322
同步推密碼找回 瀏覽：865
樂高怎麼才能用電腦編程序 瀏覽：65
本機qq文件為什麼找不到 瀏覽：264
安卓qq空間免升級 瀏覽：490
linux如何刪除模塊驅動程序 瀏覽：193
at89c51c程序 瀏覽：329
怎麼創建word大綱文件 瀏覽：622
裊裊朗誦文件生成器 瀏覽：626
1054件文件是多少gb 瀏覽：371
高州禁養區內能養豬多少頭的文件 瀏覽：927
win8ico文件 瀏覽：949
仁和數控怎麼編程 瀏覽：381
項目文件夾圖片 瀏覽：87
怎麼在東芝電視安裝app 瀏覽：954
plc顯示數字怎麼編程 瀏覽：439
如何辨別假網站 瀏覽：711
寬頻用別人的賬號密碼 瀏覽：556
新app如何佔有市場 瀏覽：42

友情鏈接