blocks|key|158904|text|#quote元素是在window.onload事件之后创建的，因为它只在ajax调用返回时创建。将代码从onload移动到ajax调用的success，正如BlueBoy在注释中所建议的那样。在您的示例中，成功函数是您命名为template的函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|158905|您可以在创建元素后立即访问它：|158906|var+template+=+function(data)+{
++++$('#quotearea').empty();
++++$('#quotearea').append('<blockquote+id="quote">'+%2B+data.quoteText+
++++%2B+'</blockquote>'+%2B+'<p+id="author">+—++'+%2B+data.quoteAuthor+%2B+'');
++++$('#quotearea').show();

++++console.log(document.getElementById('quote'));
};|code-block|syntax|javascript|158907|不能对尚不存在的DOM元素调用innerHTML方法。因此，您可以运行函数的第一分钟是在append()调用之后，它使用和id+of+quote创建DOM元素。|158908|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/4678563/blue-boy^0|0|6|A|D|1G|6|1W|7|34|8|26|7|0|0|0|0|F|9|18|8|1P|2|1V|5|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@$9|17|A|18|1|19]]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Your <code>#quote</code> element is created after the <code>window.onload</code> event, because it's only created on the return of your ajax call. Move the code from <code>onload</code> to <code>success</code> of the ajax call, as <a href="https://stackoverflow.com/users/4678563/blue-boy">BlueBoy</a> suggested in comments. In your case, the success function is the one you named <code>template</code>. 

You can access your element immediately after creating it: 

<pre><code>var template = function(data) {
 $('#quotearea').empty();
 $('#quotearea').append('&lt;blockquote id="quote"&gt;' + data.quoteText 
 + '&lt;/blockquote&gt;' + '&lt;p id="author"&gt; — ' + data.quoteAuthor + '&lt;/p&gt;');
 $('#quotearea').show();

 console.log(document.getElementById('quote'));
};
</code></pre>

You can't call the <code>innerHTML</code> method on DOM elements that do not exist yet. So the first moment you can run your function is after the <code>append()</code> call, which is creating a DOM element with and <code>id</code> of <code>quote</code>.

blocks|key|644150|text|没有经过测试，我猜在文档准备好之前，onload就已经启动了。因此，您可能希望在写入内容时设置一个标志，然后检查第二个函数，如果null计划使用setTimeout()在100+ms内再次运行它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644151|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Without testing it, my guess is that onload is firing before the document ready. So you may want to 1) set a flag when the content has been written, Then 2) check in the second function, if null schedule it to run again in 100 ms using setTimeout().

blocks|key|158941|text|使用html函数？|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|158942|var+code+=+$('#quotearea').html();|code-block|syntax|javascript|158943|entityMap^0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

use the html function?

<pre><code>var code = $('#quotearea').html();
</code></pre>

I'm attempting a make random quote machine with a tweet button to tweet the quote.
The random quote is coming up just fine. 
The code..

<pre><code>var forismaticAPI = 'http://api.forismatic.com/api/1.0/?method=getQuote&amp;format=jsonp&amp;lang=en&amp;jsonp=?';
$(document).ready(function() {
 var template = function(data) {
 $('#quotearea').empty();
 $('#quotearea').append('&lt;blockquote id="quote"&gt;' + data.quoteText + '&lt;/blockquote&gt;' + '&lt;p id="author"&gt; — ' + data.quoteAuthor + '&lt;/p&gt;');
 $('#quotearea').show();
 };

 var dataAppend = function() {
 $.getJSON(forismaticAPI, template);
 };
}
</code></pre>

My next task is to get the quote content to be tweeted. So once the window loads completely i want to get the innerHTML of <code>#quote</code> which contains the quote. So i write a window.onload function like this..

<pre><code>window.onload = function(){
 var quote = document.getElementById('quote');
 console.log(quote.innerHTML);

}
</code></pre>

But I'm getting an error <code>Uncaught TypeError: Cannot read property 'innerHTML' of null(…)</code>.. Since there is small delay in loading the quote, the window load function returns a null. How to get the innerHTML of a div only when the content is loaded and ready?

Get innerHTML after the page loads completely

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试一个带有tweet按钮的make随机报价机来发布引用。随机引语很好。密码..。var forismaticAPI = 'http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&lang=en&jsonp=?';$(document).re...

问在页面完全加载后获取innerHTML
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在页面完全加载后获取innerHTMLEN