最简单的方法就是用元素的innerHTML属性赋值，如：myNewElement.innerHTML = “我是文本”但这样不能清晰的体现DOM中新增加了一个文本节点。
然后另一种添加文本节点的方式，可分为两步：
1、创建节点：文本节点的创建使用createTextNode方法，如：var myText = document.createTextNode(“我是文本”)
2、将创建的节点用appendChild方法添加某个元素下。如：myNewElement.appendChild(myText)这样myNewElement就有myText的文本节点，文本节点的内容是“我是文本”即可。
获取属性节点
第一种方法：获取官方定义的属性节点(获取元素的对应属性值)。
格式：元素节点，属性名。
注意：不能获取自定义属性的值。
代码如下：
console.log(jsInput.placeholder)
alert("是时候展现真正的技术")
设置属性节点的值
公式：元素节点 . 属性名 = 新的属性值
代码如下：
//设置元素对应属性的值
//元素节点.属性名 = 新的属性值
jsInput.placeholder = "sunck good"
第二种方法
公式：元素节点 . getAttribute(属性名)
注意：还可以获取自定义属性的值。
代码：
console.log(jsInput.getAttribute("my"))
设置自定属性的值
公式：元素节点 . setAttribute(属性名, 新属性值)
注意：当属性不存在时，变为添加属性
代码：
//设置
//元素节点.setAttribute(属性名, 新属性值)
jsInput.setAttribute("my", "sunck")
//注意：当属性不存在时，变为添加属性
jsInput.setAttribute("other", "sunck")
删除属性节点
公式：元素节点.removeAttribute(属性名)
注意：某些低版本浏览器不支持
代码：
jsInput.removeAttribute("other")
console.log(jsInput)
获取div里头的内容，直接结合jq获取，给div添加个id，使用$("#div").text()可以获取到指定的div里头的文本内容。
如果是要传输到其他页面，采用ajax异步传输，将获取到的内容传递过去。
$.get("/xxx.jsp?txt="+$("#div").text(), function(result){alert(result)//传输到其他页面处理完，返回所需值。})
JSP可用一种简单易懂的等式表示为：HTML+Java+javascript=JSP。
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他 *** 作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。
Div 全称 division 意为“区分”，是HTML中的一个标签。你在HTML中可以理解为就是一个层。
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P>是一样的。
这种问题，测试一下就好了， 用appendChild 方式增加在页面上的元素， 在ie上是无法直接使用
document.getEementXX 的方式获取的，虽然在上述问题中注释说取到对象，原因是其实无论name写什么值，那个对象在ie上都是可以alert 一个 Object的。
针对IE 你可以考虑下面的写法：（至少ie8是可以的）
<html><head>
<style>
.mydiv{
width:155
height:500
border:1px solid red
}
</style>
<script>
function AddOne(){
/*
var obj = document.createElement("input")
obj.name = "score"
mydiv.appendChild(obj)
*/
var html = "<input name= 'score' />"
var divObj = document.getElementById("mydiv")
divObj.innerHTML += html
}
function cal(){
//获取输入框中的值
var x = document.getElementsByName("score")
alert(x)//测试是否取到这个对象,结果是已经取到了
for(var i = 0 i<x.length i++)
{
alert(x[i].value)
}
//alert(x.value)
}
</script>
</head>
<body>
<form name="myform">
<div id="mydiv" class="mydiv">
</div>
<input type="button" value="加一个" onClick="AddOne()">
<input type="button" value="确认提交" onClick="cal()">
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）