js判斷text中有沒有下劃線,同時判斷出下劃線的長度,同時創建出一個input控件的長度和下劃線的長度相同
直接上代碼
<html>
<head>
<script type="text/javascript">
function change()
{
var text = document.getElementById('text').innerHTML;
var pattern = /_+/g;
while(pattern.test(text))
{
var leftText = RegExp.leftContext;
var rightText = RegExp.rightContext;
var startPosition = leftText.length;
var endPosition = text.indexOf(rightText);
//alert(startPosition);
//alert(endPosition);
//alert(endPosition-startPosition);
var size = endPosition-startPosition;
//alert(size);
text = leftText + '<input type="text" size="'+size+'">' + rightText;
//alert(text);
}
document.getElementById('text').innerHTML = text;
}
</script>
</head>
<body onload="startTime()">
<div id="text">
Java填空題<br>
1.Java是目前最廣泛的_(1個下劃線)編程語言之一。<br>
2.Java具有簡單、__(2個下劃線)、穩定、與平台無關、解釋型、多線程、動態等特點。<br>
3.JDK開發java程序需三個步驟,分別為___(3個下劃線),編譯java源程序,運行java源程序。<br>
4.Java具有簡單、面向對象、穩定、與平台無關、解釋型、_____(4個下劃線)、動態等特點。<br>
5.編寫Java程序,可以使用一個______(5個下劃線)來編寫源文件。<br>
6.把編寫好的Java源文件保存起來,原文件的擴展名必須是_______(6個下劃線)。<br>
7.用JDK編譯Java源程序,使用的命令是________(7個下劃線),編譯源文件得到字節碼文件。<br>
</div>
<input type="button" value="生成input控件" onclick='change();'>
</body>
</html>