Javascript 将函数从粗体改为下划线_Javascript_Html

Javascript 将函数从粗体改为下划线

javascript html

Javascript 将函数从粗体改为下划线,javascript,html,Javascript,Html,我有一个函数，使一些文本段落加粗。它从div中随机选择单词，并将其加粗。我希望有相同的确切功能，但不是使文本粗体，它应该使文字下划线最终的结果应该是，有些词是粗体的，有些词是下划线的下面是我的函数，它使随机词加粗 $(document).ready(function() { $(function() { function bold() { var target = document.getElementById("randomText"); var o

我有一个函数，使一些文本段落加粗。它从div中随机选择单词，并将其加粗。我希望有相同的确切功能，但不是使文本粗体，它应该使文字下划线

最终的结果应该是，有些词是粗体的，有些词是下划线的

下面是我的函数，它使随机词加粗

$(document).ready(function() {
$(function() {
    function bold() {
        var target = document.getElementById("randomText");
        var oldHTML = target.innerHTML;
        for (j = 0; j < 25; j++) {
            target = document.getElementById("randomText");
            oldHTML = target.innerHTML;
            for (j = 0; j < 25; j++) {
                words = oldHTML.split(" ");
                wordCount = words.length;
                var newHTML = "";
                var highlightStart = Math.floor(Math.random() * wordCount) + 1;
                var highlightLength = Math.floor(Math.random() * 5) + 1;
                for (i = 0; i < wordCount; i++) {
                    if (i == highlightStart) newHTML = newHTML + "<b>";
                    newHTML = newHTML + words[i] + " ";
                    if (i == highlightStart + highlightLength) newHTML = newHTML + "</b>";
                    target.innerHTML = newHTML;
                }
                oldHTML = newHTML;
            }
        };
    };
    $('#randomText').load("hier.txt", bold)
})

});

$（文档）.ready（函数（）{
$（函数（）{
函数bold（）{
var target=document.getElementById（“随机文本”）；
var oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
target=document.getElementById（“随机文本”）；
oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
words=oldHTML.split（“”）；
wordCount=words.length；
var newHTML=“”；
var highlightStart=Math.floor（Math.random（）*字数）+1；
var highlightLength=Math.floor（Math.random（）*5）+1；
对于（i=0；i


我的想法是复制函数，并更改一些内容：
$(function() {
    function underline() {
        var target = document.getElementById("randomText");
        var oldHTML = target.innerHTML;
        for (j = 0; j < 25; j++) {
            target = document.getElementById("randomText");
            oldHTML = target.innerHTML;
            for (j = 0; j < 25; j++) {
                words = oldHTML.split(" ");
                wordCount = words.length;
                var newHTML = "";
                var highlightStart = Math.floor(Math.random() * wordCount) + 1;
                var highlightLength = Math.floor(Math.random() * 5) + 1;
                for (i = 0; i < wordCount; i++) {
                    if (i == highlightStart) newHTML = newHTML + "<u>";
                    newHTML = newHTML + words[i] + " ";
                    if (i == highlightStart + highlightLength) newHTML = newHTML + "</u>";
                    target.innerHTML = newHTML;
                }
                oldHTML = newHTML;
            }
        };
    };
    $('#randomText').load("hier.txt", underline)
})

$（函数（）{
函数下划线（）{
var target=document.getElementById（“随机文本”）；
var oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
target=document.getElementById（“随机文本”）；
oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
words=oldHTML.split（“”）；
wordCount=words.length；
var newHTML=“”；
var highlightStart=Math.floor（Math.random（）*字数）+1；
var highlightLength=Math.floor（Math.random（）*5）+1；
对于（i=0；i

你知道为什么这样不行吗
谢谢。
有一种更容易获取粗体或下划线文本的方法，即execCommand
函数。

例如：
您可以阅读更多信息。
有一种更容易获取粗体或下划线文本的方法，即execCommand
函数。

例如：
您可以阅读更多信息。

你好，世界
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）。
$（文档）.ready（函数（）{
函数bold（）{
var target=document.getElementById（“随机文本”）；
var oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
target=document.getElementById（“随机文本”）；
oldHTML=target.innerHTML；
对于（j=0；j<25；j++）{
words=oldHTML.split（“”）；
wordCount=words.length；
var newHTML=“”；
var highlightStart=Math.floor（Math.random（）*字数）+1；
var highlightLength=Math.floor（Math.random（）*5）+1；
对于（i=0；i

你好，世界
读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于
<body>
    <button onclick='bold()'>Bold</button>
    <button onclick='underline()'>Underline</button>
</body>

function Bold(){
    richTextField.document.execCommand('bold',false,null);
}

function Underline(){
   richTextField.document.execCommand('underline',false,null);
}

<!DOCTYPE html>
<html>
   <head>
      <meta charset = "UTF-8">
      <meta http-equiv = "X-UA-Compatible" content = "IE = edge,chrome = 1">
      <title>Hello World </title>

   </head>

   <body>
      <div id="randomText">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</div>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script type="text/javascript">
        $(document).ready(function() {

    function bold() {
        var target = document.getElementById("randomText");
        var oldHTML = target.innerHTML;
        for (j = 0; j < 25; j++) {
            target = document.getElementById("randomText");
            oldHTML = target.innerHTML;
            for (j = 0; j < 25; j++) {
                words = oldHTML.split(" ");
                wordCount = words.length;
                var newHTML = "";
                var highlightStart = Math.floor(Math.random() * wordCount) + 1;
                var highlightLength = Math.floor(Math.random() * 5) + 1;
                for (i = 0; i < wordCount; i++) {
                    if (i == highlightStart) newHTML = newHTML + "<b>";
                    newHTML = newHTML + words[i] + " ";
                    if (i == highlightStart + highlightLength) newHTML = newHTML + "</b>";
                    target.innerHTML = newHTML;
                }
                oldHTML = newHTML;
            }
        };
    };


function underline() {
        var target = document.getElementById("randomText");
        var oldHTML = target.innerHTML;
        for (j = 0; j < 25; j++) {
            target = document.getElementById("randomText");
            oldHTML = target.innerHTML;
            for (j = 0; j < 25; j++) {
                words = oldHTML.split(" ");
                wordCount = words.length;
                var newHTML = "";
                var highlightStart = Math.floor(Math.random() * wordCount) + 1;
                var highlightLength = Math.floor(Math.random() * 5) + 1;
                for (i = 0; i < wordCount; i++) {
                    if (i == highlightStart) newHTML = newHTML + "<u>";
                    newHTML = newHTML + words[i] + " ";
                    if (i == highlightStart + highlightLength) newHTML = newHTML + "</u>";
                    target.innerHTML = newHTML;
                }
                oldHTML = newHTML;
            }
        };
    };
    $('#randomText').load("hier.txt", bold);
    $('#randomText').load("hier.txt", underline);
});
      </script>
   </body>
</html>