javascript - 使用 Javascript 简单地基于标签的突出显示-6ren

javascript - 使用 Javascript 简单地基于标签的突出显示

转载作者：行者123 更新时间：2023-11-30 18:54:51

25

4

我得到了这段有效的代码:

    <html>

    <head>

    <title>JS highlighting test</title>

    <script type="text/javascript">

    function highlight()
    {
            var t = document.getElementById('highlight').innerHTML;

            t = t.replace(/(if|switch|for|while)\s*(\()/gi, "<b>$1</b>$2");
            document.getElementById('highlight').innerHTML = t;
    }

    </script>

    </head>

    <body onload="javascript:highlight();">

    <pre id="highlight">
    1  if(foo) {
    2          bar();
    3  }
    4
    3  while(--baz) {
    5          oof();
    6  }
    </pre>

    </body>

    </html>

我想为所有人拥有它<pre>标签而不仅仅是一个带有一些特定和现在可以使用的唯一 ID。最好的办法是结合特定标签有一个特定的ID。是否可以扩展上面的小 JS 函数来解决这个问题方式(使用一些 document.getElementsByTag(tag).getElementsById(id).innerHTML 或类似的东西(我不知道到底什么适合需要)在一个循环中？我尝试过自己，但没有真正成功。我只需要尽可能简单的解决方案，没有什么特别的。

谢谢你的想法。

--
挪威语

最佳答案

你几乎猜对了;-)

function doSomethingWithAllPres() { 
    var pres = document.getElementsByTagName("pre");
    for (var i = 0; i < pres.length; i++) { 
        // you can check the class name via pres[i].className === "highlight"
        // (and you should use a class instead of an id therefore)
        if (pres[i].className.indexOf("highlight") >= 0) {
            // action goes here
        }
    }
}

使用像 jQuery 这样的 JS 框架，事情会更简单:

$("pre.highlight").each(function(i) {
    // action goes here
});

但是，使用框架可能有点矫枉过正......

关于javascript - 使用 Javascript 简单地基于标签的突出显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2458509/

25

4

0

文章推荐：无法释放 C 中的一些内存

文章推荐： .net - 自定义 GridView 删除按钮

文章推荐： javascript - Jquery Css 选择器附加值

首页

博学

6Ren·AI

商城

javascript - 使用 Javascript 简单地基于标签的突出显示

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

javascript - 使用 Javascript 简单地基于标签的突出显示

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内