紧急请教一个js的小问题（在文本框中输入字符串，将输入的内容添加或替换到列表中对应的位置）万分感谢啊
<!DOCTYPEhtml><html><metahttp-equiv="content-Type"content="text/html;charset=utf-8"/>...
<!DOCTYPE html>
<html>
<meta http-equiv="content-Type" content="text/html;charset=utf-8" />
<title></title>
</head>
<body>
<!--
根据按钮的文字提示实现功能：
在文本框中输入字符串，将输入的内容添加或替换到列表中对应的位置
要求不使用属性id来获取元素对象
-->
<input type="text" id="mytext" />
<br />
<button onclick="addfirst()">添加到第一个</button>
<button onclick="addsecond()">添加到第二个</button>
<button onclick="addlast()">添加到最后一个</button>
<br /><br />
<button onclick="updatefirst()">更新第一个</button>
<button onclick="updatesecond()">更新第二个</button>
<button onclick="updatelast()">更新最后一个</button>
<div>
<ul id="ul1"><li>123</li><li>124</li><li>125</li><li>126</li><li>127</li>
</ul>
</div>
</body>
</html> 展开
<html>
<meta http-equiv="content-Type" content="text/html;charset=utf-8" />
<title></title>
</head>
<body>
<!--
根据按钮的文字提示实现功能：
在文本框中输入字符串，将输入的内容添加或替换到列表中对应的位置
要求不使用属性id来获取元素对象
-->
<input type="text" id="mytext" />
<br />
<button onclick="addfirst()">添加到第一个</button>
<button onclick="addsecond()">添加到第二个</button>
<button onclick="addlast()">添加到最后一个</button>
<br /><br />
<button onclick="updatefirst()">更新第一个</button>
<button onclick="updatesecond()">更新第二个</button>
<button onclick="updatelast()">更新最后一个</button>
<div>
<ul id="ul1"><li>123</li><li>124</li><li>125</li><li>126</li><li>127</li>
</ul>
</div>
</body>
</html> 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<meta charset=utf-8 />
<title>test</title>
<script>
function doElement (_index, _mode) {
var _ul = document.getElementsByTagName("ul")[0];
var _text = document.getElementsByTagName("input")[0];
if (!!_mode) {
var _li = document.createElement("li");
_li.innerHTML = _text.value;
if (_index != -1) {
_ul.insertBefore(_li, _ul.children[_index]);
} else {
_ul.appendChild(_li);
}
} else {
if (_index != -1) {
_ul.children[_index].innerHTML = _text.value;
} else {
_ul.children[_ul.children.length - 1].innerHTML = _text.value;
}
}
}
function addfirst() {
doElement(0, 1);
}
function addsecond () {
doElement(1, 1);
}
function addlast () {
doElement(-1, 1);
}
function updatefirst () {
doElement(0, 0);
}
function updatesecond () {
doElement(1, 0);
}
function updatelast () {
doElement(-1, 0);
}
</script>
</head>
<body>
<!--
根据按钮的文字提示实现功能：
在文本框中输入字符串，将输入的内容添加或替换到列表中对应的位置
要求不使用属性id来获取元素对象
-->
<input type="text" id="mytext" />
<br />
<button onclick="addfirst()">添加到第一个</button>
<button onclick="addsecond()">添加到第二个</button>
<button onclick="addlast()">添加到最后一个</button>
<br /><br />
<button onclick="updatefirst()">更新第一个</button>
<button onclick="updatesecond()">更新第二个</button>
<button onclick="updatelast()">更新最后一个</button>
<div>
<ul id="ul1">
<li>123</li>
<li>124</li>
<li>125</li>
<li>126</li>
<li>127</li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
简单写了一个 用IE可运行
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
