Por que window.innerHeight/ window.innerWindow nao funciona com document.getElementsByTagName('canvas');
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
comentar |
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
comentar |
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
javascript dom canvas
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
perguntada 9 horas atrás
Vitor MendonçaVitor Mendonça
1049
1049
comentar |
comentar |
2 Respostas
2
ativas
mais antigas
votos
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 9 horas atrás
renanzinrenanzin
1.642525
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Sua resposta
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "526"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Desenvolvido por u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f368168%2fpor-que-window-innerheight-window-innerwindow-nao-funciona-com-document-getelem%23new-answer', 'question_page');
}
);
Publicar como convidado
Required, but never shown
2 Respostas
2
ativas
mais antigas
votos
2 Respostas
2
ativas
mais antigas
votos
ativas
mais antigas
votos
ativas
mais antigas
votos
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 9 horas atrás
renanzinrenanzin
1.642525
comentar |
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 9 horas atrás
renanzinrenanzin
1.642525
comentar |
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 9 horas atrás
renanzinrenanzin
1.642525
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 9 horas atrás
renanzinrenanzin
1.642525
respondida 9 horas atrás
renanzinrenanzin
1.642525
respondida 9 horas atrás
renanzinrenanzin
1.642525
respondida 9 horas atrás
renanzinrenanzin
1.642525
1.642525
comentar |
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
respondida 9 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
respondida 9 horas atrás
user141973user141973
311
respondida 9 horas atrás
user141973user141973
311
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
comentar |
Obrigado por contribuir com o Stack Overflow em Português!
- Certifique-se de responder à pergunta. Entre em detalhes sobre a sua solução e compartilhe o que você descobriu.
Mas evite …
- Pedir esclarecimentos ou detalhes sobre outras respostas.
- Fazer afirmações baseadas apenas na sua opinião; aponte referências ou experiências anteriores.
Para aprender mais, veja nossas dicas sobre como escrever boas respostas.
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f368168%2fpor-que-window-innerheight-window-innerwindow-nao-funciona-com-document-getelem%23new-answer', 'question_page');
}
);
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
