2010-01-19 5 views
-1

Comment placer le contenu (par exemple: un texte simple) en JavaScript?Placez le contenu en JavaScript (fichiers HTML)

je en ai besoin d'être comme YouTube, où la vidéo est visible sur JavaScript navigateur activé.

Merci.

+0

Quand vous dites contenu, voulez-vous dire titre? – Amra

+0

@ cesar-lopez, non, je veux dire un texte peut-être, des liens, ou vidéo (comme youtube) –

+0

Je pense alors andy répondu à votre question. :-) – Amra

Répondre

3

En utilisant la balise noscript, comme ceci:

<script type="text/javascript"> 
document.write("Hello World!") 
</script> 
<noscript> 
Your browser does not support JavaScript! 
</noscript> 

Vous pouvez également envisager de mettre le script dans une sorte de commentaire HTML afin que les navigateurs qui ne savent même pas de script ne rendent pas code source, par exemple:

<script type="text/javascript"> 
<!-- 
document.write("Hello World!") 
//--> 
</script> 
+0

merci beaucoup. réponse rapide –

+0

Re: * "Vous pourriez également envisager de placer le script dans un type de commentaire HTML afin que les navigateurs qui ne connaissent même pas le script ne rendent pas le code source ..." * Il a été plus de dix années depuis qu'il y avait le besoin de le faire. –

+0

Bon point - je ne sais pas pourquoi j'ai ajouté ça vraiment. – Andy

1

Vous devez ajouter un nouveau noeud DOM au DOM (document Object Model).

Le plus simple serait ceci:

var myNewNode = document.createTextNode('abc'); 

Comme pour tous les nœuds les plus avancés, vous pouvez les créer comme suit:

var myNewNode = document.createElement('div'); 
myNewNode.className = 'cssClass'; 
myNewNode.innerHTML = 'abc'; 

Quelque chose qui est un peu plus propre que le réglage « innerHTML », cependant, en particulier si vous ajoutez du contenu complexe et que vous souhaitez y associer des événements, vous devez ajouter des enfants à ce nœud:

var myNewNode = document.createElement('div'); 

var myChildNode = document.createElement('input'); 
myChildNode.type = 'button'; 
myChildNode.value = 'Click me'; 

myNewNode.appendChild(myChildNode); 

En supposant donc que vous avez créé myNewNode dans l'une des méthodes décrites ci-dessus, vous avez juste besoin de trouver la place dans votre document où vous voulez ajouter le nouveau nœud et insérez:

document.body.appendChild(myNewNode); 

ou

document.getElementById('container').appendChild(myNewNode); 
Questions connexes