如何将html 中的标签换成另外一个标签

发布网友发布时间：2022-05-06 22:50

共3个回答

热心网友时间：2022-05-11 09:24

用js找到那个标签位置，先删除你要改的标签，然后在容器div下面新增你要改成的标签内容，下面使用jq演示一下，首先要引入jq文件才能进行一下操作。
<div id="div"><input type="text" id="inp" /></div>

<div id="data">请输入要修改成的标签及内容：<input type="text" id="content" /></div>
<a href="#" onclick="alter();return false;">修改标签</a>
<script>
function alter(){
var data = $("#content").val();

$("div").empty().append(data);

}

</script>

热心网友时间：2022-05-11 10:42

用css定义display属性
display:inline; /*块元素转行内元素*/
display:block; /*行内元素转块元素*/
如：
<div id="content">
<a>a</a>
<a>b</a>
</div>
css:
#content a{display:block;}
写2个<a>标签的话a 和b是并排显示的，因为<a>标签是行内元素，如果加上一个css代码就能将<a>标签转换成块元素了，这种方法我们很常用的，如果<a>元素转化块元素就能改变宽高了