是否可以使用另一个dom中的选择部件创建新的dom?或者修剪掉不需要的部分

时间:2012-06-06 01:28:06

标签: javascript html dom

我想知道是否可以加载一个html页面,但只显示它的一些选择部分。

我想到了两种可能的方法:

1)删除我不感兴趣的dom部分。 但是我不知道这些部分是什么,我只知道我感兴趣的部分。 是否有可能找到我感兴趣的部分然后删除其他所有部分?

2)创建一个新的dom,它是通过从原始部分提取部分dom而制作的。 是否有可能以某种方式与现有的dom并行创建它并使浏览器切换到这个新的dom?或者从这个新的dom创建一个html页面,然后加载它?

这些疯狂的想法吗?任何简单/替代解决方案?

2 个答案:

答案 0 :(得分:1)

以下两种最简单的方法可能如下。

  1. 不要加载不受欢迎的部分。这个,我的意思是,如果你知道你的哪个部分  不想显示然后只是从HTML中删除它们。这并不总是一种选择,  但如果只有一定数量的选择,那肯定是最好的。

  2. 通过CSS隐藏元素。您可以通过在不需要的地方设置display: none来执行此操作  元件。

答案 1 :(得分:0)

是的,只需使用JavaScript / jQuery。

首先,您必须将jquery库作为javascript链接添加到您的网站。

<script src="jquery.js" type="text/javascript"/>. 

您需要创建一个类似的功能,然后在链接上放置一个onclick事件。

 <script>
function switch(){
$("#button").onclick(function()
{
 $(".classOfCertainElements").css("display", "none");
 $(".classOtherElements").css("display", "inline");
});

} 
</script>
<a href="" id="button">Click me</a>

这有帮助吗?