这可能 - 加载页面后更改div中显示的文本值吗?

时间:2012-10-11 19:46:33

标签: javascript jquery

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

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

    修改

    以下是代码示例:

    <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>
    

    正如您所看到的,有不同类型的选择器,而一些短语没有任何选择器(这只是代码的一部分)。页面加载完成后,这个看起来像这样:

    <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>
    

4 个答案:

答案 0 :(得分:4)

http://jsfiddle.net/UPhUb/1/

在页面加载后等待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时,您传递了两个参数,您想要换出的文本以及您想要的新文本。如果没有看到您的代码,这就像我认为的那样接近得到。

答案 1 :(得分:1)

当然是:

在javascript中

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

在jQuery中

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

答案 2 :(得分:0)

使用jQuery非常容易。这是一个例子:http://jsfiddle.net/gromer/r5uaV/1/

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

答案 3 :(得分:0)

http://jsfiddle.net/r5uaV/12/如果我没有错,这就是你想要的吗?