html交互式添加线要素,如何在html文件中创建交互式标签？

我认为这并不是很难做到，尽管标记过程可能是相当劳动密集型的。

你不需要太多的编程技巧，特别是当你想手动标记的东西。你可能只需要基本的HTML和CSS以及一些Javascript来实现这一点。

我会做的是以下

给它适当的标签作为一个类名创建

手动标记的HTML文件的本地副本(使用另存为在浏览器中)每个§

创建的所有可用标签的列表，让JavaScript的过滤出§你想看到

现在步骤1是很容易的我区ess，所以我会马上去第2步。在HTML文件中的段落按照一定的模式格式，例如：

Nichtamtliches Inhaltsverzeichnis

§ 31 Rücktritt vom Versuch der Beteiligung

(1) Nach § 30 wird nicht bestraft, wer freiwillig etc.

你想现在做的是你的标签与类jnnorm添加到

元素。所以，上面的例子将成为(如果标签武器将是适当的)：

你做到这一点在HTML每个段落。这将是非常无聊，但没关系。

现在步骤3。首先创建您刚刚创建的所有标签的链接列表。你如何创建lists in html is explained here。把它放在HTML文档的顶部。你想要用JavaScript做什么，当你点击列表中的一个链接时，只显示给定class的段落。这很容易用jQuery的click event和show和hide方法完成。

使用jQuery例如

更新使菜单这样

• Weapons
• Crime

然后用下面的jQuery

$(document).ready(function(){

// When a

element inside an

• with the id "menu" is clicked, do the following

$('ul#menu li').click(function(){

// Get the id of the

element and append a '.' so we get the right name for the tag (class) we want to show

var tag = '.' + $(this).attr('id');

// Hide all elements of class 'jnnorm'

$('.jnnorm').hide();

// Show all elements with the class name of tag we want

$(tag).show();

});

});

注：HTML类jQuery中表示为.classname而HTML标识符表示为#idname。

祝你好运！