如何将html 中的标签换成另外一个标签
2个回答
展开全部
用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>
<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>
展开全部
用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>元素转化块元素就能改变宽高了
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>元素转化块元素就能改变宽高了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询