js innerHTML 改变div内容的方法

改变文字innerhtml
每个html元素具有innerhtml属性定义的html代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerhtml后，一些用户交互，您可以更互动网页。
但是，使用innerhtml需要一些准备，如果你希望能够利用它轻松，可靠。首先，你必须给予部分要更改身份证。与标识到位，你将能够使用getelementbyid功能，适用于所有的浏览器。
在您认为建立您现在就可以操纵文字的要素。要开始了，让我们尝试改变文字一个大胆的标记。
下面我们来看一个用js的innerhtml来改变div值吧.

<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p><div class="aritcle_card flexRow">
                                                        <div class="artcardd flexRow">
                                                                <a class="aritcle_card_img" href="/ai/1613" title="Baklib"><img
                                                                                src="https://img.php.cn/upload/ai_manual/000/969/633/68b6da74172a7360.png" alt="Baklib"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                <div class="aritcle_card_info flexColumn">
                                                                        <a href="/ai/1613" title="Baklib">Baklib</a>
                                                                        <p>在线创建产品手册、知识库、帮助文档</p>
                                                                </div>
                                                                <a href="/ai/1613" title="Baklib" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                        </div>
                                                </div>
<input type='button' onclick='changeText()' value='Change Text'/>

更多js innerHTML 改变div内容的方法相关文章请关注PHP中文网！