⑴ 在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>";