Javascript 是否可以在加载页面后更改div中显示的文本值?

Javascript 是否可以在加载页面后更改div中显示的文本值?,javascript,jquery,Javascript,Jquery,这可能是一个奇怪的想法,希望这是可能的。我有一个脚本,可以动态加载具有不同文本值的div(这是一个给定的变量,在这里不能更改任何内容)。页面加载后是否可以更改这些值?这是我的想法: 页面已加载 脚本用文本加载div(例如,一个短语是“Welcome here” 新脚本更改了一些显示的值(例如,前一个脚本变为“你好吗?欢迎!” 有什么想法吗 编辑 以下是代码示例: <div id="one" class="one">First text <div class="two">S

这可能是一个奇怪的想法,希望这是可能的。我有一个脚本,可以动态加载具有不同文本值的div(这是一个给定的变量,在这里不能更改任何内容)。页面加载后是否可以更改这些值?这是我的想法:

  • 页面已加载
  • 脚本用文本加载div(例如,一个短语是“Welcome here”
  • 新脚本更改了一些显示的值(例如,前一个脚本变为“你好吗?欢迎!”
  • 有什么想法吗

    编辑

    以下是代码示例:

    <div id="one" class="one">First text
    <div class="two">Second text
    <label class="three">Third text</label>
    <option value="1">ValueOne</option>
    <a>Link text</a>
    </div>
    </div>
    
    第一个文本
    第二文本
    第三文本
    ValueOne
    链接文本
    
    正如您所看到的,涉及到不同类型的选择器,而有些短语没有任何选择器(这只是代码的一部分)。页面加载完成后,应该如下所示:

    <div id="one" class="one">FirstTextChanged
    <div class="two">SecondTextChanged
    <label class="three">ThirdTextChanged</label>
    <option value="1">ValueOneChanged</option>
    <a>LinkTextChanged</a>
    </div>
    </div>
    
    FirstTextChanged
    第二个文本已更改
    第三条
    价值改变
    LinkTextChanged
    
    确定它是:

    在javascript中

     document.getElementById('div1').innerHTML = "New html";
    
    在jQuery中

    $("#div1").html("New html");
    

    使用jQuery非常简单。下面是一个示例:

    现在,如果您想做某件特定的事情,请发布一些HTML以及您想做的事情,我们可以提供更多帮助。我刚刚发布了一个关于如何使用jQuery完成该操作的一般示例。

    页面加载后等待5秒,然后更改文本。简单

    changeText = function(text, newText){
        var currentText = $('#welcome').html();  
    
        $('#welcome').html(currentText.replace(text,newText));
    };
    
    window.setTimeout(function(){changeText('Welcome.', 'How are you?')}, 5000);
    

    根据您的评论更新:现在,当您调用
    changeText
    时,您传递了两个参数,一个是您想要交换的文本,另一个是您想要输入的新文本。在没有看到您的代码的情况下,这是我认为我能得到的最接近的参数。

    如果我没有错,这就是您正在尝试的吗???

    这将是Javascript和Jquery所做的!动态修改数据。aJSFIDLE在这里会很有用!需要查看一些现有的代码…这是我需要的行为,但它稍微复杂一些。1.它应该在不单击的情况下发生,实际上用户应该只看到文本的第二个版本。2.我知道将显示的确切短语,因此只使用一个id div选择器(例如#changer)会更容易并选择要用哪个短语更改的值(例如--#changer“originaltext”--更改为--“changedtext”--您需要更少的代码来完成此操作!下面是一个经过编辑的提琴:我已经用代码示例更新了我的问题。如果这个示例正好针对“原始文本”,那么它将是完美的短语而不是选择器。与第一个答案相同-我知道将显示的确切短语,因此只需使用一个id div选择器(例如#changer)并选择要用哪个短语更改的值(例如--#changer“originaltext”--更改为--“changedtext”会更容易--就是这样,但问题是我没有为每个短语都设置选择器。是否可以在函数中键入我要更改的确切短语?是的,就是这样,谢谢!还有一些问题-1.如果在HTML代码中有相同的css类,它也会更改。例如,从“你好吗?”2.如果一个值出现多次,仅第一个实例将受到影响3.如果文本位于选项标记()之间,如何更改它?第三个已解决,我找到了“closer”选择器,一切都已解决:1.尝试找到closer选择器。2.添加另一个函数(而不是“changeText=函数(文本,新文本)”使用例如“changeText2=函数(文本,新文本)”并将“changeText”的第二个外观更改为“changeText2”。再次感谢!