为什么弹出document.getELementsByName is not a function
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#regexp{
width:650px;
margin:100px auto;
font-size:14px;
}
#regexp .title{
color:#777;
font-size:24px;
text-align:center;
}
#regexp .textbox{
height:150px;
width:638px;
border:1px solid #ccc;
border-radius:5px;
padding:5px;
resize:none;
}
.textfield{
width:215px;
padding:5px;
border:1px solid #ccc;
}
</style>
</head>
<body>
<div id="regexp">
<h1 class="title">正则表达式测试工具</h1>
<textarea id='userText' class='textbox' placeholder="在此输入带匹配的文本"></textarea>
<p>
正则表达式：<input type='text' id='userRegExp' class="textfield" placeholder="在此输入正则表达式">
<input type="checkbox" name="userModifier" value='i'/>忽略大小写
<input type="checkbox" name="userModifier" value='g'/>全局匹配
<input type="checkbox" name="userModifier" value='m'/>多行匹配
<input type="button" id='matchingBtn' value="测试匹配">
</p>
匹配结果：
<textarea id='matchingResult' class='textbox' disabled="disabled"></textarea>
</div>
<script type="text/javascript">
var userText = document.getElementById('userText'),
userRegExp = document.getElementById('userRegExp'),
userModifier = document.getELementsByName('userModifier'),
matchingBtn = document.getElementById('matchingBtn'),
matchingResult = document.getElementById('matchingResult');
var pattern,
modifier='';
for(var i=0;i< userModifier.length;i++){
userModifier[i].onclick = function(){
modifier='';//清空修饰符
for(var i=0;j<userModifier.length;j++){
if(userModifier[j].checked){
modifier+=userModifier[j].value;
}
}
}
}
matchingBtn.onclick=function(){
if(!userText.value){
alert('请输入带匹配的文本！');
userText.focus();//将光标定位到文本框
return;
}
if(!userRegExp.value){
alert('请输入正则表达式！');
userRegExp.focus();//将光标定位到文本框
return;
}
pattern = new RegExp(userRegExp.value,modifier);
matchingResult.value = pattern.exec(userText.value)|| '没有匹配';
}
</script>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星