HTML怎么设置文本点击文本触发的事件

有两个div块，都设置了宽高和边框，现在想通过点击一个div块来改变另一个div块里面的内容

获取第一个div下的文本标签设置点击事件在事件中获取第二个div的文本标签给其赋值，代码如下

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <div id="div1" onclick="t()">点我给2加文本</div>
        <div id="div2"></div>
    </body>
    <script>
        function t() {
            var div2 = document.getElementById("div2");
            div2.innerHTML = "我是被div加的元素";
        }
    </script>

</html>

用document.getElementById("a")获取a元素设置onclick事件，
改变b元素的.innerHTML即可

代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
    #a,#b {
        height: 100px;
        width: 200px;
        border: 1px solid #ff0000;
    }
</style>
</head>
<body>
<div id="a">点击我</div>
<div id="b">bbbbbbbbb</div>
<script type="text/javascript">
document.getElementById("a").onclick = function () {
    document.getElementById("b").innerHTML = "改变的内容";
}
</script>
</body>
</html>