JS中document.getElementById("id").innerHTML之中的id如何用变量表示
<title>无标题文档</title>
<script language="javascript">
var str_span;
function main(str_value,str_span)
{
alert(str_span);
//alert(document.getElementById(ajax));
alert(document.getElementById("ajax").innerHTML);
alert("str_span");
//alert(document.test.str_span);
//s = 'str_span';
if(str_value.length==0)
{
alert('用户名为空')
document.getElementById("str_span").innerHTML ='123';
return
}
xmlHttp = GetxmlHttpObject();
if(xmlHttp == null)
{
alert('你的浏览器不支持AJAX');
return ;
}
//else{alert('pass')}
var url = 'php.php'+'?q='+str_value+'&sid='+Math.random();
//alert(url);
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null)
}
function stateChange()
{
if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
//str_span = xmlHttp.responseText;
document.getElementById("str_span").innerHTML= xmlHttp.responseText;
}
}
function GetxmlHttpObject()
{
var xmlHttp = null;
try
{
xmlHttp = new XMLHttpRequest();
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>
</head>
<body>
<table border="1">
<td>dfwfgdg</td>
<form name="test">
<tr><td><input type="text" name="username" />
</td><td><input type="button" value="检查用户名是否被占用" name="username_used_check" onclick="main(document.test.username.value,ajax)" />
<td><span id="ajax" name="ajax"></span>
<td><span id="fire"></span>
</td></tr></form>
</table>
</body>
</html>
到底应该怎么改才能实现一个main（）函数接收相应变量来实现异步刷新功能
main(str_value,str_span)中一个代表输入的<INPUT>中的值，一个代表输出在<SPAN>的值
function main(str_value,str_span)
{
//alert(str_span);
var str_spanvar = str_span;
//alert(document.getElementById(str_spanvar));
//alert(document.getElementById(str_spanvar).innerHTML);
//alert("str_span");
//alert(document.test.str_span);
//s = 'str_span';
if(str_value.length==0)
{
alert('用户名为空')
document.getElementById(str_spanvar).innerHTML ='123';
return
}
xmlHttp = GetxmlHttpObject();
if(xmlHttp == null)
{
alert('你的浏览器不支持AJAX');
return ;
}
//else{alert('pass')}
var url = 'php.php'+'?q='+str_value+'&sid='+Math.random();
//alert(url);
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null)
}
扩展资料：
js document.getElementById的用法详解
语法：oElement = document . getElementById ( sID )
参数：sID――必选项。字符串 (String) 。
返回值：oElemen――对象 (Element) 。
说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用，假如对应的为一组对象，则返回该组对象中的第一个，如果无符合条件的对象，则返回 null 。
注意：
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才是具体的值！
细节：
1、 document.getElementById 有时会抓 name 放过了 id ，据说是 IE 的一个 BUG ；页面中有
<input type="hidden" id="hello8" name="category_id" value="2" />
<select id="category_id" onchange="al();">
一个是name="category_id" 一个是id="category_id"，用document.getElementById取第二个，可是，取到的却是第一个name=category_id，在IE中getElementById竟然不是先抓id而是先找name相同的物件。
2、javascript中的getElementbyId使用
网页中的元素必须有id属性，才能通过这个方法得到，比如<input type=text name="content" id="content">
3、获取html标记主要有两种方法，一种是通过ID值，一种是通过name属性（name属性主要用于form表单内的input标记。）
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是
“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才
是具体的值
function main(str_value,str_span)
{
//alert(str_span);
var str_spanvar = str_span;
//alert(document.getElementById(str_spanvar));
//alert(document.getElementById(str_spanvar).innerHTML);
//alert("str_span");
//alert(document.test.str_span);
//s = 'str_span';
if(str_value.length==0)
{
alert('用户名为空')
document.getElementById(str_spanvar).innerHTML ='123';
return
}
xmlHttp = GetxmlHttpObject();
if(xmlHttp == null)
{
alert('你的浏览器不支持AJAX');
return ;
}
//else{alert('pass')}
var url = 'php.php'+'?q='+str_value+'&sid='+Math.random();
//alert(url);
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null)
}
呵呵兄弟看看我说的对不对，本回答被提问者和网友采纳
document.getElementById 能设为变量吗?
1.可以将Id设为变量，引号一起哦去掉 2.变量要预先定义（var id=""）,表示的是网页中标签（如div input等）的id属性值 3.要用js定义 4.可以在js函数体，函数外以及作为函数参数时定义，而且要注意html执行的先后顺序问题，最好在<script>里加入defer PS：例如：<input type="text" size="20"...
JS 中document.getElementById("id") .innerhtml传值给id
innerhtml是给这个id的内容添加节点 如果你只是传值的话建议不要用innerhtml 用textContent就行了。不是很懂你到底想干嘛~如果是提交当前结点的id到后台的话：你可以用这个办法获取ID：document.getElementById("id").getAttribute('id');\/*然后异步提交给php如果是form表单的话可以用onsubmiit()方法提...
javascript获取html页面中ID
你好！分析你的需求，应该是在#west这个div下面，动态显示导航内容吧！使用了easyui，也就是有jquery了，可以通过jquery来获取#west ("#west") 就是你的west这个div了如果想加载内容到#wnav这个div，就通过$("#wnav")来得到，然后通过 $("#wnav").append("你动态加载的内容"); 将内容加载...
怎么用JS给HTML标签添加内容
用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。<html> <head> <script> function insert(){ var insertText = "<table><tr><td>any thing<\/td><\/tr><\/table>";do...
如何使用JS的document.getElementById().InnerHTML在div里的<ul>标签...
<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>无标题文档<\/title> <\/head> <body> <div id="cn"><\/div> <script type="text\/javascript"> document.getElementById('cn').innerHTML="<ul>...
js怎么取innerHTML里面的值
js取innerHTML里面的值，首先我们需要考虑的就是将要复制的那个元素获取到，一般是通过给一个id，然后在通过innerHTML获取到html代码，这里通过代码来理解：<html> <head><\/head> <script> var oDiv = document.getElementById('div1');alert(oDiv.innerHTML); \/\/弹出获取的html代码 <\/script> ...
用js插入页面的div标签中的内容
使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。实例演示如下：一、HTML的DOM设计。1、设计两个DIV，其中第一个div放入入一些文字。2、设计css样式如下，为了区分明显，加了border。3、此时的页面展示如下：二、函数功能的设计和绑定。1、设计函数，实现...
javascript当中getElementById的使用方法
) alert(x.innerHTML) }<\/script><\/head><body><h1 id="myHeader" onclick="getValue()">This is a header<\/h1><p>Click on the header to alert its value<\/p><\/body><\/html> document.getElementById()是js对于页面动态的处理，配合PHP使用最佳，通常用AJAX后台网络处理....
如何在html页面中使用js变量
1、首先我们选择创建一个新的html5页面并完成初始化代码。2、创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。3、编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。4、执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。5、...
JavaScript里面的这两个单词各是什么意思(innerHTML,eval)
innerHTML是一个属性，用法举个例子，假如有个标签:<div id="div1"><\/div> 下面是js：var div1=document.getElementById("div1");div1.innerHTML="<span style='color:red'>Hi<\/span>";\/\/重新设置div1内的html代码。alert(di1.innerHTML);\/\/取出div1里面的 html代码 还有个innerText属性...
