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

熱點內容
6s手機自帶的程序 瀏覽：408
剪輯和編程哪個作為副業 瀏覽：302
js可以隱藏頁面的div嗎 瀏覽：398
哪裡可以查自己車輪轂孔距數據 瀏覽：303
中央文件在哪裡可以找到 瀏覽：456
港劇那個app 瀏覽：107
excel按照名稱放入對應文件夾 瀏覽：538
毒葯app現狀 瀏覽：343
換蘋果屏幕視頻教程5S 瀏覽：900
手機excel表格改文件名 瀏覽：852
迅雷vip診斷工具 瀏覽：436
網路盒子光纖g紅燈什麼意思 瀏覽：62
office2003視頻教程全集 瀏覽：31
商品文件格式 瀏覽：610
u盤中病毒文件結尾變成exe怎麼辦 瀏覽：889
sql注入jsky 瀏覽：638
桌面視頻文件地址怎麼復制 瀏覽：531
資料庫怎麼查重復的數據 瀏覽：666
離線百科資料庫有哪些 瀏覽：974
禁止訪問php文件類型 瀏覽：39

友情鏈接