Question

我需要从解析为具有指定ID的div框的脚本中禁用某些HTML代码。我无权访问脚本的来源。例如，让我们假设脚本使用一些文本解析一些标题<h1>，并使用一些项目<ul>解析一些<li>列表。

几个月前，我找到了一种方法来禁用与特定模式匹配的代码的某些部分，但我无法记住这是如何工作的或如何调用它。如何禁用解析到div框中的每个<h1>标记？

编辑：我需要的是找到模式<h1>的每个标记，并让浏览器忽略它。

Answer 1

h1只能隐身或隐藏。

这可以使用jQuery轻松完成，如： .hide()或.css('display', 'none')

上面将从布局中删除元素，因此该元素占用的空间会崩溃。

.css('visibility', 'hidden')

以上将使元素透明但空间仍然被占用。

对于某些其他元素，例如button或input，可以将其禁用，例如：

<button type="button" disabled>Click Me!</button>

或

jQuery 1.6+：
.prop('disabled', true);

jQuery 1.5或更低版本：
.attr('disabled', 'disabled');

Answer 2

不确定您的意思是禁用，但您可以使用JQuery轻松隐藏它们吗？

$('#thediv h1').hide();

Answer 3

您可以按标签名称查找某个项目的所有子项，然后将其从DOM中删除。它们仍然存在，但它们将不再附加到DOM上。

HTML：

<div id="box">
    <h1>Inside the box</h1>
</div>
<h1>Outside the box</h1>

JavaScript：

var box = document.getElementById('box');
var headers = box.getElementsByTagName('h1');

for (var i = 0; i < headers.length; i++) {
    box.removeChild(headers[i]);   
}

JSFiddle示例。

禁用脚本中的部分HTML代码

3 个答案: