请问用javascript动态添加两行html代码的有关问题
日期：2014-05-16 浏览次数：20309 次
请教用javascript动态添加两行html代码的问题
HTML中有下面一行代码:
现在要求在运行时动态地在它后面添加两行代码(用javascript(jquery)):
使得最后代码变成:
请问用javascript怎么实现?
------解决方案--------------------
------解决方案--------------------
HTML中有下面一行代码:
<input id="fileElement" type="file" name="filename" size="33" style="opacity: 0; ">
现在要求在运行时动态地在它后面添加两行代码(用javascript(jquery)):
<span class="filename"></span>
<span class="action">选择文件</span>
使得最后代码变成:
<input id="fileElement" type="file" name="filename" size="33" style="opacity: 0; ">
<span class="filename"></span>
<span class="action">选择文件</span>
请问用javascript怎么实现?
------解决方案--------------------
<script>
$(function(){
$("#fileElement").after('<span class="filename"></span><span class="action">选择文件</span>');
});
</script>
------解决方案--------------------
<html>
<head>
</head>
<body>
<div>
<input id="fileElement" type="file" name="filename" size="33" style="opacity: 0; ">
</div>
<script type="text/javascript">
var file = document.getElementById('fileElement').parentNode;
var span1 = document.createElement('span');
span1.setAttribute('class','filename');
file.appendChild(span1);
var span2 = document.createElement('span');
span2.setAttribute('class','action');
span2.innerHTML= '选择文件';
file.appendChild(span2);
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
