Question

我想要的是调用showPopup('text goes here');函数和下面的代码块来显示我的文本。

我怎样才能做到这一点？

function showPopup(data) {

}


    <a class="fragment" href="#">
<span id='close' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span>
  <div class="content">
    // I WANT TO PUT MY TEXT HERE
  </div>
    </a>

Answer 1

JSFiddle示例： http://jsfiddle.net/tb5musm6/

function showPopup(data) {
    var elem = document.getElementsByClassName('content');
    elem[0].innerHTML = data;
}

showPopup('asdf');

document.getElementsByClassName将返回具有给定类名

的元素数组

innerHTML变量包含标记之间的所有内容

Answer 2

为你的div添加一个id，这样你就可以更轻松地找到它。

然后，使用innerHTML修改div的内容。

<a class="fragment" href="#">
    <span id='close' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span>
    <div class="content" id="content">
    // I WANT TO PUT MY TEXT HERE
    </div>
</a>

<script>
function showPopup(data) {
    document.getElementById('content').innerHTML(data);
}

showPopup('my text');
</script>

如何调用显示带有自定义消息的代码块的JavaScript函数？

2 个答案: