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

熱點內容
macbookpro如何修改文件內容 瀏覽：965
java穩定排序 瀏覽：53
oppo文件管理的圖片 瀏覽：335
plc編程步數怎麼計算 瀏覽：142
ipad看電腦文件 瀏覽：935
成都製作pdf文件 瀏覽：735
怎麼樣點開電腦裡面的網路連接 瀏覽：755
微信怎麼退出賬號 瀏覽：32
w微信開發者工具 瀏覽：325
資料庫還原附加 瀏覽：713
打包成exe執行文件 瀏覽：652
信豐營銷app有哪些 瀏覽：463
蘋果文件下載項如何下載 瀏覽：179
ps摳婚紗教程 瀏覽：203
如何在移動硬碟上隱藏文件夾 瀏覽：451
瑞虎8老車機怎麼刷app 瀏覽：992
學ui設計要學java嗎 瀏覽：275
淘寶票房數據源怎麼調整 瀏覽：470
iphone5s升級ios卡黑屏 瀏覽：622
u盤沒用的文件刪不了怎麼辦 瀏覽：561

友情鏈接