⑴ 在javascript中如何實現單擊按鈕將文本框中輸入的內容顯示在頁面上
js"><script>
functionshow(){
varshow=document.getElementById("showContent");//顯示文本的對象
varcontent=document.getElementById("content");//輸入文字的對象
show.innerHTML+=content.value;//把兩個相連接回
}
</script>
<h1id="showContent">HelloWorld!</h1>
<inputid="content"name="content"/>
<buttononClick="show()">把內容載入在頁答面上</button>
⑵ 如何用js控製表格里幾列內容的顯示與隱藏
單行隱藏抄倒是很好做...
首先下襲載一個JQuery庫,在head中用script標簽引入進來.之後要用.
每一列對應的td元素設置一個class,例如交易手續費的td列元素設置class="transFee"之類的,能看懂就行.
然後在網頁底部加一個script標簽.或者單獨創一個js文件然後引入,建議用後者(代碼量大的話方便排版分工)
然後寫上4個$(".[class名]").hide();
class名就分別是前四列的類名了,這個作用是隱藏前面4列所有的元素
三角是一個按鈕的話,用他的ID做選擇器吧.設置一下id屬性
然後$("#[按鈕ID]").click(function(){
$(".[class名]").toggle();
})
toggle是切換顯示狀態,也就是說這個按鈕同時做到了展開和收取的功能.
JQuery還是比較有用的,希望能幫到你.
PS:有這個表格的源碼么?我不確定這是某個框架的datatable還是單獨的加了樣式的基礎html table 如果是前者的話每次更新數據都要reload的,上面的代碼可能沒用
⑶ js點擊一個div控制另一個div內容的顯示與隱藏同時小圖標也要切換狀態，頁面有好幾個這樣的div。
1,onclick獲取點擊的div元素onclick="xxxx(this)"
2,通過點擊div與需要操控的div相對位置，過去需要操控的div，如obj.getElementsByTagName("div");
3,對這些div進行直接的操作。div.style.visibility="hidden"或者div.style.display="none" 這些看你的具體需求。
⑷ JS控制內容隱藏與顯示
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>RunJS</title>
<script>
varn=3;
onload=function(){
varbox=document.querySelector(".box");
varps=box.querySelectorAll("p");
varbtn=box.querySelector("button");
if(ps.length<n){
btn.style.display="none";
return;
}
for(vari=n;i<ps.length;i++){
ps[i].style.display="none";
}
btn.onclick=function(){
for(vari=n;i<ps.length;i++){
ps[i].style.display="block";
}
this.style.display="none";
}
}
</script>
</head>
<body>
<divclass="box">
<p>我是內容1</p>
<p>我是內容2</p>
<p>我是內容3</p>
<p>我是內容4</p>
<p>我是內容5</p>
<p>我是內容6</p>
<button>點擊顯示全部</button>
</div>
</body>
</html>
⑸ 如何讓js控制的div顯示指定的內容
document.getElementById("2").innerHtml="<iframe src=\vp4.php?p=傳遞值></iframe>";