簡體   English   中英

如何將內部腳本放在div標簽中?

[英]How to put an internal script inside a div tag?

我正在嘗試在div標簽內運行JavaScript,因為我聽說了它的可能,但由於某種原因,該代碼沒有執行任何操作。

<!DOCTYPE html>
<html>
<body>
<title>XDSITE</title>
<br>
<br>

<div id=mycode style="BACKGROUND: 
url('javascript:eval(window.alert("sometext"))'"></div>


</body>
</html>

您的HTML中存在一些問題,它是無效的,無法通過樣式屬性運行JavaScript。

您可以從<script>標記中運行Javascript,這確實是最好的方法。

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

另外,有些HTML元素允許您在某些事件上執行它,例如onchangeonclick等。

<select onchange="myFunction()">

<button onclick="myFunction()">Click me</button>

https://www.w3schools.com/是學習更多html元素以及整個JavaScript的絕佳資源。

祝好運

您能在這里告訴您您使用的是哪個Java腳本框架嗎? 您可以通過使用Java腳本框架(例如Angular,React ...)來實現此目的。如果您不想使用任何框架,則需要編寫純JavaScript或jquery代碼來分配背景CSS道具。

對於整個身體

document.body.style.backgroundImage = "url('img_tree.png')";

對於div,

document.getElementById("mycode").style.backgroundImage = "url('img_tree.png')";

 <!-- U have to give event inside expression like onclick ,mouseup Click that text --> <div id=mycode onclick="alert('Hi ....sometext')">THARA </div> 

<!DOCTYPE html> <html> <body> <title>XDSITE</title> <br> <br> <div id=mycode style="BACKGROUND: url('javascript:eval(window.alert("sometext"))'"></div> </body> </html>

答:在頁腳中打開腳本

<script>
$( "#mycode" ).click(function() {

alert( "Hai" );

});
</script>

希望它為您工作...

您可以使用getElementById()定位HTML標記,然后應用此document.getElementById("Mydiv").style.backgroundColor="#0000"這樣的自定義樣式

或應用一堆這樣的樣式

var dev = document.getElementById("Mydiv");
dev.style.backgroundColor="#0000";
dev.style.fontSize="..";
dev.style.backgroundImage="..";

您可以使用“ onerror”事件運行函數。 在這種情況下,您還必須犯一些錯誤。 例如。

<img src="someFakeSrc" onerror='javascript:eval(window.alert("sometext"))'>

HTML看不到圖片的源代碼,然后運行“ onerror”事件。

如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div>

[英]How to reach a html <span> tag inside a <div> using Java Script?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何將 Javascript 放入 DIv 標簽中 如何使腳本標簽在div中工作? 使用腳本標簽重新加載div 展示<script> tag inside the div 如何將html放在腳本標簽中並使用jquery顯示它 如何在 Anki 應用程序中使用腳本將隨機字段放入 div 中? 如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div> 我可以在表格中放置腳本標簽嗎? 如何將腳本放入腳本中 如何放置一個<script> inside a <script>?
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM