请问用javascript动态添加两行html代码的有关问题-JavaSript-爱易网页

请问用javascript动态添加两行html代码的有关问题

日期：2014-05-16　浏览次数：20330 次

请教用javascript动态添加两行html代码的问题

本帖最后由 yzyh 于 2014-03-21 14:05:28 编辑

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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请问用javascript动态添加两行html代码的有关问题

相关资料更多>

推荐阅读更多>