常用Javascript集锦【不定期更新】

怎样用javascript删除某个HEML标签


document.getElementById(id).parentNode.removeChild(document.getElementById(id));var br=document.getElementsByClassName('ace_layer ace_text-layer')[0];document.getElementsByClassName('ace_content')[0].removeChild(br);

javascript之html元素文本输出


document.getElementById("demo").innerHTML="hello world";

怎样通过标签为元素添加属性


document.getElementsByTagName("body")[0].setAttribute("type","text")

怎样移除元素某个属性


document.getElementsByClassName('marketingPlanLeft')[0].removeAttribute('style');

设置元素可见


document.getElementsByClassName('goOnShopping')[0].style.display='block';
document.getElementById('').style.diplay='block';

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

  方法一:

document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible";   利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。   方法二:

document.getElementById("EleId").style.display="none"; document.getElementById("EleId").style.display="inline";   利用上述方法实现隐藏后,页面的位置不被占用。

onlick事件跳转到其他页面/跳转到指定url

☆如果是本页显示可以直接用location,方法如下:

<``` input type="submit" id="su" value="submit" onclick="window.location='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'"><input type="submit" id="su" value="submit" onclick="location='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'"><input type="submit" id="su" value="submit" onclick="window.location.href='http://www.cnblogs.com/JuneZhang/archive/2010/11/25/1887575.html'">


  ①onclick="javascript:window.location.href='URL'"
  ②onclick="location='URL'"
  ③onclick="window.location.href='URL?id=11'"
☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location
onlick事件关闭当前窗口

<input type="submit" id="su" value="submit" onclick="javascript:window.close()">



__EOF__

本文作者:久曲建的测试窝
本文链接:https://www.cnblogs.com/longronglang/p/7562881.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
优秀不够,你是否无可替代

软件测试交流QQ群:721256703,期待你的加入!!

欢迎关注我的微信公众号:软件测试君
![](https://s4.51cto.com/images/blog/202011/30/08668e81549483c4d39bd9cdf3e48b5f.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=)