Javascript 解析纯文本或XML格式的HTML

Javascript 解析纯文本或XML格式的HTML,javascript,html,css,Javascript,Html,Css,我有两个问题: 第一个问题:一个HTML元素是否可以有多个类(属于多个类) //允许这样做吗? 第二个问题:是否有一个javascript-HTML解析器库或一组默认函数来搜索HTML字符串&为我提供所有具有特定类的HTML元素?我使用AJAX从服务器获取HTML(以文本而不是XML的形式返回),然后需要将所有具有“可更新”类的HTML元素转换为文本区域HTML元素 当我有一个HTML字符串作为文本或XML时,您认为将特定类的所有HTML元素转换为textareas最简单的方法是什么。 第一个

我有两个问题:

第一个问题:一个HTML元素是否可以有多个类(属于多个类)

//允许这样做吗?

第二个问题:是否有一个javascript-HTML解析器库或一组默认函数来搜索HTML字符串&为我提供所有具有特定类的HTML元素?我使用AJAX从服务器获取HTML(以文本而不是XML的形式返回),然后需要将所有具有“可更新”类的HTML元素转换为文本区域HTML元素

当我有一个HTML字符串作为文本或XML时,您认为将特定类的所有HTML元素转换为textareas最简单的方法是什么。

第一个问题:一个HTML元素是否可以有多个类(属于多个类)

是的,但是像这样:

<p class="paragraphClass highlightClass"/>
有关更多信息,请参阅

第一个问题:一个HTML元素是否可以有多个类(属于多个类)

是的,但是像这样:

<p class="paragraphClass highlightClass"/>
有关更多信息,请参阅

  • 通过用空格分隔,可以在任何元素上拥有任意数量的类。例如:

    <p class="paragraphClass highlightClass"></p>
    

  • 使用像这样的库来执行此操作

  • 通过用空格分隔,可以在任何元素上拥有任意数量的类。例如:

    <p class="paragraphClass highlightClass"></p>
    

  • 使用像这样的库来执行此操作

  • 1) 是的,但是你的语法不正确。可以指定多个由空格分隔的类,如:

    <p class="paragraphClass highlightClass"/>
    

    2) 您可以使用一些elements.innerHTML属性将HTML插入DOM。该元素可以有
    显示:无以便它不会影响您的页面。然后可以对它们使用普通的DOM方法,比如
    document.getElementByClassName('updateable')请注意,IE中没有定义getElementByClassName(),因此您必须编写自己的代码,按标记名选择,然后根据类对它们进行迭代,或者使用类似jQuery的框架。

    1)是的,但语法不正确。可以指定多个由空格分隔的类,如:

    <p class="paragraphClass highlightClass"/>
    


    2) 您可以使用一些elements.innerHTML属性将HTML插入DOM。该元素可以有
    显示:无以便它不会影响您的页面。然后可以对它们使用普通的DOM方法,比如
    document.getElementByClassName('updateable')请注意,IE中没有定义getElementByClassName(),因此您必须编写自己的代码,按标记名选择,然后根据类对它们进行迭代,或者使用类似jQuery的框架。

    始终存在jQuery。您可以使用选择器选择该类的所有元素,然后将其转换为textarea。听起来您想将其转换为编辑该段落

    $(".paragraphClass").each(function{
       $(this).replaceWith("<textarea>"+ $(this).text() +"</textarea>");
    })
    
    $(“.paragraphClass”)。每个(函数{
    $(this.replace为(“+$(this.text()+”);
    })
    

    jquery总是存在的。您可以使用选择器选择该类的所有元素,然后将其转换为textarea。听起来您想将其转换为编辑该段落

    $(".paragraphClass").each(function{
       $(this).replaceWith("<textarea>"+ $(this).text() +"</textarea>");
    })
    
    $(“.paragraphClass”)。每个(函数{
    $(this.replace为(“+$(this.text()+”);
    })