使用javascript，如何在HTML页面的任何输入元素之前添加$sign

Question

使用javascript，如何在HTML页面的任何输入字段之前添加"$"符号？

Answer 1

您可以使用document.getElementsByTagName('input')获取页面上的所有输入字段，然后在循环中使用Node.insertBefore（）函数在每个字段之前插入美元符号$：

var inputs = document.getElementsByTagName('input');
for ( var i=0 ; i < inputs.length ; i++){
    var text = document.createTextNode('$');
    inputs[i].parentNode.insertBefore(text, inputs[i]);
}	

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" /><br/>
<input type="text" /><br/>
<input type="text" /><br/>
<input type="text" /><br/>
<input type="text" />

希望这能有所帮助。

Answer 2

或者，您可以使用纯CSS，通过使用:before或:after伪元素并将您的输入容器包装在div的中来实现这一点

.inputContainer:before, .inputContainer::before {
  content: '$';
}

<div class="inputContainer">
  <input type="text">  
</div>