图文混排怎么注入图片js

JavaScript06

图文混排怎么注入图片js,第1张

1、首先文混排的新闻详情页Demo。它将支持显示新闻内容、图片、相关新闻和*字体大小调。

2、其次使用JavaScript根据ID找到对应div。

3、最后并对其nnerHTML赋值来实现数据注入。

<div id="myimage"></div>

<input type="button" value="插入图片" id="btninsertpic" onclick="insertpic()" />

<script type="text/javascript">

function insertpic(){

path="表.png"//请修改为本地图片的路径

document.getElementById('myimage').innerHTML='<img src="'+path+'" />'

}

</script>

这个实现一般有两用方式

1.用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。

2.用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。