简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

What is the innerHTML property? Usage of innerHTML attribute

不言
Release： 2018-08-06 16:43:35
Original
10309 people have browsed it

What is the use of the innerHTML attribute? This article introduces to you what is the innerHTML attribute? The usage of i and nnerHTML attributes has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

innerHTML attribute

The inner attribute can return or set the content in the element

For example,

  • aaaaa

    • Access li.innerHTML to get the content aaaaa

    You can also assign content to the tag

    Example: Get the current time (refreshed every second)

    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div id="times"></div>
    <li>aaaaa</li>
</body>
    <script type="text/javascript">
        function gettimes(){ 
        var date1 = new Date();//创建时间对象
        var date2 = date1.toLocaleString();//使用格式为年月日时分秒
        var div1 = document.getElementById(&#39;times&#39;);//获取div格子
        div1.innerHTML = date2;//向html中写内容
 
        }
 
        setInterval("gettimes();",1000);//"js代码",时间
    </script>
</html>
    Copy after login

    Recommended related articles:

    What is responsive layout? Implementation of html responsive layout

    #What are the common types of html layout? Analysis of the three layout characteristics of html

    The above is the detailed content of What is the innerHTML property? Usage of innerHTML attribute. For more information, please follow other related articles on the PHP Chinese website!

    Related labels：
    innerHTML JavaScript属性
    source：php.cn
    Previous article：Summary of font attribute in HTML Next article：What are the HTML visual editors? (Software summary)
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
    From 2024-04-29 11:01:01
    0
    2
    1761
    How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
    From 2024-04-23 00:22:19
    0
    10
    1901
    The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
    From 2024-04-19 15:37:47
    0
    1
    1623
    There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
    From 2024-04-18 23:52:34
    0
    1
    1528
    Where is the courseware about CSS mind mapping? Courseware
    From 2024-04-16 10:10:18
    0
    0
    1565
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！