首页 > 编程技术 > html

js innerHTML 改变div内容

发布时间:2016-9-20 18:58

在做ajax无刷新时,我想很多朋友都会知道js innerHTML来更改 div 或table里面的值哦.

JavaScript的innerHTML
永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。

改变文字innerHTML
每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。

但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。

在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。

下面我们来看一个用js的innerHTML来改变div值吧.

<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>

JavaScript的confirm confirm的JavaScript功能是非常相似的JavaScript警报功能

JavaScript的confirm
confirm的JavaScript功能是非常相似的JavaScript警报功能。一个小对话方块弹出,并出现在前面的网页,目前的重点。在confirm方块是不同的警告框。它提供用户的选择,他们可以按确定以confirm弹出的信息,也可以按取消和不同意弹出的要求。


confirm是最经常被用来confirm一个重要的行动,正在发生一个网站上。例如,他们可能被用来confirm提交的命令或通知旅客说,他们点击链接将带他们到另一个网站。

例如JavaScript的confirm
下面是一个例子,说明你会使用一个confirm对话方块,警告用户有关的东西,让他们要么选择继续或原地不动。

<html>
<head>
<script type="text/javascript">
<!--
function confirmation() {
var answer = confirm("Leave 111cn.net?")
if (answer){
alert("Bye bye!")
window.location = http://www.111cn.net;
}
else{
alert("Thanks for sticking around!")
}
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onclick="confirmation()" value="Leave Tizag.com">
</form>
</body>
</html>

使用JavaScript获得的价值文本字段?有一种简单的方法来获得任何HTML元素,它通过使用标识属性和getElementById功能。

JavaScript的getElementById
你曾经试图使用JavaScript做某种形式的验证?你有任何问题


JavaScript的document.getElementById
如果你想快速访问的价值,一个HTML输入给它一个编号,让您的生活更容易。这个小脚本下文将检查,看看是否有任何文字的文本字段中“ myText ” 。有人认为, getElementById要求是标识的HTML元素你想利用。

<script type="text/javascript">
function notEmpty(){
var myTextField = document.getElementById('myText');
if(myTextField.value != "")
alert("You entered: " + myTextField.value)
else
alert("Would you please enter some text?")
}
</script>
<input type='text' id='myText' />
<input type='button' onclick='notEmpty()' value='Form Checker' />

javascript 中indexOf是判断字符串是否存在当前字符中

以往任何时候都希望找到一个您的JavaScript字符串?甚至开始搜索一半的字符串?那么你在你好运!该字符串函数indexOf让您需要提供一个论点(搜索查询) ,以及一个可选的参数(偏移)您所有的简单的搜索需求。


如果您正在寻找一个更强大的搜索功能,你应该看看JavaScript的字符串搜索功能,它支持正则表达式,但不能偏移。

弦乐indexOf函数
正如我们上文所述, indexOf有两个论点,与第二任择其中之一是:

SearchString -你要寻找。
胶印(可选) -如何远的字符串你想搜索开始。如果你想搜索整个字符串,忽略这一论点。
indexOf函数为例
要开始了,我们将找到的立场“的www ”的一个典型的URL字符串。该indexOf函数将返回位置的第一场比赛的能力。

 

<script type="text/javascript">
var aURL = "http://www.tizag.com/";
var aPosition = aURL.indexOf("www");

document.write("The position of www  =  " + aPosition);
</script>

位置为7

如果您想后续随着这一职能如何它的票,这里的彻底崩溃:

h -0 -没有比赛
笔-1 -不匹配
吨-2 -不匹配
p -3 -不匹配
: -4 -不匹配
/ -5 -不匹配
/ -6 -不匹配
瓦特-7 -也许比赛
瓦特-8 -也许比赛
瓦特-9 -这是一个比赛,返回的立场开始的比赛(7 ) 。
让我们看看会发生什么变化,我们再增加的www的网址字符串,看是否得到这一职能混淆或没有。

<script type="text/javascript">
var aURL = "http://www.tizag.com/www.html";
var aPosition = aURL.indexOf("www");

document.write("The position of www  =  " + aPosition);

</script>

结果.

The position of www = 7

本文章来讲讲JavaScript Replace吧, JavaScript的String对象有一个方便的功能,可让您取代的话出现在字符串。这是方便如果你有信的形式与预设参考“用户名” 。随着取代功能你可以抓得到的人的名字与HTML表单或JavaScript ,然后迅速取代所有出现的“用户名”的价值,他们进入。

本文章来讲讲JavaScript  Replace吧,

JavaScript的String对象有一个方便的功能,可让您取代的话出现在字符串。这是方便如果你有信的形式与预设参考“用户名” 。随着取代功能你可以抓得到的人的名字与HTML表单或JavaScript ,然后迅速取代所有出现的“用户名”的价值,他们进入。

广告Tizag.com
字符串替换功能
该字符串替换功能有两个理由:

SearchFor -什么字是要被取代。这可以是一个字符串或正则表达式。
ReplaceText -这个词是什么将取代。这需要一个字符串。
取代传回新字串的取代,但如果没有任何字来取代,然后原来的字符串返回。

替换功能:字符串替换
要启动与关闭,让我们只是寻找一个字符串,取而代之的是访问者的名字。第一个参数就是我们正在寻找,而第二个理由是什么我们要更换。

<script type="text/javascript">
var visitorName = "Chuck";
var myOldString = "Hello username! I hope you enjoy your stay username.";
var myNewString = myOldString.replace("username", visitorName);

document.write("Old string =  " + myOldString);
document.write("<br />New string = " + myNewString);

</script>

替换功能:正则表达式
让我们完全相同取代,但这个时候,我们会使用机管局正则表达式,而不是字符串。唯一的变化,我们需要提出的是,围绕我们searchFor词斜线/ /不是报价“ , ” 。

<script type="text/javascript">
var visitorName = "Chuck";
var myOldString = "Hello username! I hope you enjoy your stay username.";
var myNewString = myOldString.replace(/username/, visitorName);

document.write("Old string =  " + myOldString);
document.write("<br />New string = " + myNewString);

</script>

结果.

Old string = Hello username! I hope you enjoy your stay username.
New string = Hello Chuck! I hope you enjoy your stay username.

织补!没有运气。我们仍然只是取代了第一次“用户名”与查而不是全部。什么是解决我们的问题呢?答案是有利的全球财产,我们经常表达。

替换功能:全球正则表达式
通过使全球财产的正则表达式,我们可以从一场比赛更换一次,以取代所有比赛一次。为了使全球财产,只是把一个“克”结束时的正则表达式。

<script type="text/javascript">
var visitorName = "Chuck";
var myOldString = "Hello username! I hope you enjoy your stay username.";
var myNewString = myOldString.replace(/username/g, visitorName);

document.write("Old string =  " + myOldString);
document.write("<br />New string = " + myNewString);

</script>

输出.

Old string = Hello username! I hope you enjoy your stay username.
New string = Hello Chuck! I hope you enjoy your stay Chuck

标签:[!--infotagslink--]

您可能感兴趣的文章: