如何在HTML中显示JavaScript函数的结果？

Question

首先，是的，我确实在社区中搜索任何解决方案，但我只是不理解它们:(

因此，我有一个JavaScript函数，该函数读取我的.json文件并在VisualCodee控制台中显示我需要的特定对象。 现在，我试图将对象显示为HTML文件。

基本上：如何在HTML文件中显示client_ip？

在下方，您可以看到我的JavaScript函数，该函数读取.json文件中的client_ip。

var obj = { 
     "source": "/var/log/apache2/git.1234.de-443-access.json",
     "data": {
        "http_code": 204,
        "pid": "-",
        "request_id": "-",
        "log_level": "-",
        "body_size": 0,
        "host": "git.1234.de",
        "peer_ip": "10.200.13.212",
        "duration": 1693,
        "source": "-",
        "client_port": "-",
        "error_message": "-",
        "client_ip": "10.200.13.333",
    }
   }

//for client_ip ,
var client_ip = obj.data.client_ip;
console.log(obj.data.client_ip)

在这里，您可以看到我的HTML，即时通讯读取的.json文件的名称为“ ws.json”，而JavaScript文件的名称为“ kommschon.js”。

<script type="text/javascript">
    kommschon.js();
    function kommschon.js(){
        document.getElementById('clientIp).innerHTML ='clientIP';

    };



</script>

<body>

        <h1>Java Loop</h1>

        <button type="button" class="button1" onclick="alert('Cleared!')">Clear!</button>

        <button class="button2" onclick="alert('Function running!')">Run!</button>

<div id="clientIp">

</div>

Answer 1

您应该使用JavaScript更改HTML DOM。

 // This is your kommschon.js file kommschon(); function kommschon() { var obj = { "source": "/var/log/apache2/git.1234.de-443-access.json", "data": { "http_code": 204, "pid": "-", "request_id": "-", "log_level": "-", "body_size": 0, "host": "git.1234.de", "peer_ip": "10.200.13.212", "duration": 1693, "source": "-", "client_port": "-", "error_message": "-", "client_ip": "10.200.13.333", } } var client_ip = obj.data.client_ip; var clientIpDiv = document.getElementById('clientIp').innerText = client_ip; };

 <!-- Insert your external kommschon.js file --> <script src="kommschon.js"></script> <body> <h1>Java Loop</h1> <button type="button" class="button1" onclick="alert('Cleared!')">Clear!</button> <button class="button2" onclick="alert('Function running!')">Run!</button> <div id="clientIp"></div> </body>

如何在HTML中显示JavaScript函数的结果？

问题描述

1 个解决方案

解决方案1
1 2019-09-02 07:20:21

如何在HTML中显示JavaScript函数的结果？

问题描述

1 个解决方案

解决方案1 1 2019-09-02 07:20:21

解决方案1
1 2019-09-02 07:20:21