弹出当前值以及修改

Posted caocx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹出当前值以及修改相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//点击时,加载页面
window.onload=function(){
//文本节点一定是元素节点的子节点
//获取文本节点所在的元素节点,获得所有的li节点
var liNodes = document.getElementsByTagName("li");
//循环每一个li
for(var i=0;i<liNodes.length;i++){
//给每个li节点添加一个onclick事件
liNodes[i].onclick=function(){
//输出当前的文本节点的值。this表示当前
alert(this.firstChild.nodeValue);
}
}
//获取文本节点所在的元素节点
var idNodes=document.getElementById("sh");
//通过 firstChild 定义为到文本节点
var idTest = idNodes.firstChild;
alert(idTest.nodeValue);
idTest.nodeValue = "上海,你好";
//这样的不是文本节点,所以不用nodeValue
var name = document.getElementById("name");
alert(name.value);
name.value = "照顾好自己";
}
</script>
</head>
<body>
<p>你想去的城市:</p>
<ul id="city">
<li id="sh" name="moudu">上海</li>
<li>深圳</li>
</ul>
<br/>
<p>你喜欢的编程?</p>
<ul>
<li id="java">Java</li>
<li>Javascript</li>
</ul>
<br/>
name:<input type="text" id="name" name="username" value="爱一个人很难"/>
</body>
</html>

《注释:getElementsByTagName是通过查找整个 HTML 文档中的任何 HTML 元素,传回指定名称的元素集合。》

以上是关于弹出当前值以及修改的主要内容,如果未能解决你的问题,请参考以下文章

Flutter:如何弹出对话框以及当前页面?

怎么设置sql server时间类型datetime的默认值的呢

jquery点击按钮如何触发当前点击按钮对应的事件

在Linux添加PYTHONPATH方法以及修改环境变量方法

Oracle修改序列当前值的两种方式

文件的操作以及修改当前操作的路径