js如何获取div中的数据_框架

你可以直接用innerHTML这个方法返回div的内容。

下面是个简单的小例子：

<body>

</div>

</body>

var oDiv = documentgetElementsByTagName('div')[0];

alert(oDivinnerHTML); //这样就可以获取div标签里面所有的内容。

</script>

这样alertd出的框体里面的值是 '<a href="#">111111</a> ';

这个属性只是让该元素获得编辑的功能，而要获取这个div的内容，同样用documentgetElementById("id")innerHTML;即可

查看原帖>>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div id="Mandari" onclick="myFunction(this)">点击我获取DIV id</div>

<div onclick="modify()">点击我修改DIV Mandari的文本</div>

function modify()

{

var obj=documentgetElementById("Mandari");

objinnerHTML="Mandari DIV的文本修改了"

}

function myFunction(obj)

{

alert(objid);

}

</script>

</body>

</html>

1根据ID,用var div=documentgetElementById('youdivid')

2通过标签名来取得var div=documentgetElementsByTagName('div')[num]

3举个例子可以多练习练习：

function a(){var div=documentgetElementById('a');alert('div的class为:'+divid)alert('div的id为:'+divclassName)}

function b(){var div=documentgetElementsByTagName('div')[0];alert('div的class为:'+divid)alert('div的id为:'+divclassName)}</script>

扩展资料

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考资料百度百科-js

思路：用js取得div之间的值可用innerText属性来取得。

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

function fff(){

//取得aa标签里的内容

var sss=documentgetElementById("aa")innerText;

//用alertd出

alert(sss);

}

</script>

</HEAD>

<BODY>

<div id="aa">aaaaa</div>

</BODY>

</HTML>

说明：

innerText:从起始位置到终止位置的内容, 但它去除Html标签

以上就是关于js如何获取div中的数据全部的内容，包括:js如何获取div中的数据、在web开发里 js如何获取获取div 的contentEditable内容用于再提交、js获取div的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/9488913.html

js如何获取div中的数据

发表评论

评论列表（0条）