js用dom写入html元素来实现v-show的vue方法

最新推荐文章于 2022-10-13 11:46:58 发布

lee_amazing

最新推荐文章于 2022-10-13 11:46:58 发布

阅读量693

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/lee_amazing/article/details/109598843

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

为了用JavaScript实现一个单选框的不同选择能v-show不同的内容，我采取了js的dom写入html元素的方法。

首先得要先赋予这个元素一个id。
接着dom出这个元素，选出它的innerHTML属性赋值即可，这样是可以写入标签的。

<body>
	<div id='id1'></div>
	<button id='id2'>点击添加（show）</button>
	<button id='id3'>点击删除（hide）</button>
	<script>
		document.querySelector('#id2').addEventListener('click', function () {
		document.querySelector('#id1').innerHTML = '<span>123</span>'})
		document.querySelector('#id3').addEventListener('click', function () {
		document.querySelector('#id1').innerHTML = ''})
	</script>
</body>