HTML jQuery ﺮﺻﺎﻨﻋ


فهرست مطالب

    نمایش فهرست مطالب


ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻞﺑﺎﻘﻣ ﺭﺩ ﯼﺮﺋﻮﮐ ﯽﺟ

.ﺪﺷ ﺩﺎﺠﯾﺍ ﮓﯿﺳﺭ ﻥﺎﺟ ﻂﺳﻮﺗ 2006 ﻝﺎﺳ ﺭﺩ ﯼﺮﺋﻮﮐ ﯽﺟ

.ﺖﺳﺍ ﻩﺩﻮﺑ ﻥﺎﻬﺟ ﺭﺩ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﻧﺎﺨﺑﺎﺘﮐ ﻦﯾﺮﺗ ﺏﻮﺒﺤﻣ jQuery ،ﻝﺎﺳ 10 ﺯﺍ ﺶﯿﺑ ﯼﺍﺮﺑ

:ﺩﺮﮐ ﻞﺣ ﺩﺭﺍﺪﻧﺎﺘﺳﺍ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻂﺧ ﺪﻨﭼ ﺎﺑ ﻥﺍﻮﺗ ﯽﻣ ﺍﺭ ﯼﺮﺋﻮﮐ ﯽﺟ ﯼﺎﻫﺭﺍﺰﺑﺍ ﺯﺍ ﯼﺭﺎﯿﺴﺑ ،(200


ﯽﻨﺘﻣ ﯼﺍﻮﺘﺤﻣ ﻢﯿﻈﻨﺗ

:ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﺍﺭ HTML ﺮﺼﻨﻋ ﮏﯾ ﯽﻠﺧﺍﺩ ﻦﺘﻣ

ﯼﺮﺋﻮﮐ ﯽﺟ

myElement.text("Hello Sweden!");

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>

<h2>Setting Text Content</h2>
<p id="01">Hello World!</p>
<p id="02">Hello Sweden!</p>

<script>
$(document).ready(function() {
  var myElement = $("#01");
  myElement.text("Hello Sweden!");
});
</script>

</body>
</html>

ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ

myElement.textContent = "Hello Sweden!";

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h2>Setting Text Content</h2>

<p id="01">Hello World!</p>
<p id="02">Hello Sweden!</p>

<script>
const myElement = document.getElementById("01");
myElement.textContent = "Hello Sweden!";
</script>

</body>
</html>

ﯽﻨﺘﻣ ﯼﺍﻮﺘﺤﻣ ﺖﻓﺎﯾﺭﺩ

:ﺪﯿﻨﮐ ﺖﻓﺎﯾﺭﺩ ﺍﺭ HTML ﺮﺼﻨﻋ ﮏﯾ ﯽﻠﺧﺍﺩ ﻦﺘﻣ

ﯼﺮﺋﻮﮐ ﯽﺟ

myText = $("#02").text();

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>

<h2>Get Text Content</h2>
<p id="01">Hello World!</p>
<p id="02">Hello Sweden!</p>
<p id="03">Hello Japan!</p>

<p id="demo"></p>

<script>
$(document).ready(function() {
  var myText = $("#02").text();
  $("#demo").text(myText); 
});
</script>

</body>
</html>

ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ

myText = document.getElementById("02").textContent;

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h2>Get Text Content</h2>
<p id="01">Hello World!</p>
<p id="02">Hello Sweden!</p>
<p id="03">Hello Japan!</p>

<p id="demo"></p>

<script>
const myText = document.getElementById("02").textContent;
document.getElementById("demo").innerHTML = myText; 
</script>

</body>
</html>


ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﺍﺭ HTML ﯼﺍﻮﺘﺤﻣ

:ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﺍﺭ ﺮﺼﻨﻋ ﮏﯾ HTML ﯼﺍﻮﺘﺤﻣ

ﯼﺮﺋﻮﮐ ﯽﺟ

myElement.html("<p>Hello World</p>");

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>

<h2>Set HTML</h2>
<div id="01"><p>Hello World!</p></div>
<div id="02"><p>Hello Sweden!</p></div>

<p id="demo"></p>

<script>
$(document).ready(function() {
  $("#02").html("<p>Hello World!</p>");
});
</script>

</body>
</html>

ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ

myElement.innerHTML = "<p>Hello World</p>";

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h2>Set HTML</h2>
<div id="01"><p>Hello World!</p></div>
<div id="02"><p>Hello Sweden!</p></div>

<p id="demo"></p>

<script>
document.getElementById("02").innerHTML = "<p>Hello World!</p>";
</script>

</body>
</html>

HTML ﯼﺍﻮﺘﺤﻣ ﺖﻓﺎﯾﺭﺩ

:ﺮﺼﻨﻋ ﮏﯾ HTML ﯼﺍﻮﺘﺤﻣ ﺖﻓﺎﯾﺭﺩ

ﯼﺮﺋﻮﮐ ﯽﺟ

content = myElement.html();

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>

<h2>Set HTML</h2>

<div id="01"><p>Hello World!</p></div>
<div id="02"><p>Hello Sweden!</p></div>

<script>
$(document).ready(function() {
  var content = $("#02").html();
  $("#01").html(content);
});
</script>

</body>
</html>

ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ

content = myElement.innerHTML;

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<body>

<h2>Setting HTML</h2>

<div id="01"><p>Hello World!</p></div>
<div id="02"><p>Hello Sweden!</p></div>

<script>
const content = document.getElementById("02").innerHTML;
document.getElementById("01").innerHTML = content;
</script>

</body>
</html>