উত্তর:
এইচটিএমএল () ফাংশন HTML- এর স্ট্রিং নিতে পারে, এবং কার্যকরভাবে পরিবর্তন করতে হবে .innerHTMLসম্পত্তি।
$('#regTitle').html('Hello World');তবে পাঠ্য () ফাংশনটি নির্দিষ্ট উপাদানের (পাঠ্য) মান পরিবর্তন করবে তবে htmlকাঠামোটি রাখবে ।
$('#regTitle').text('Hello world'); text()যেমন আলাদা: Unlike the .html() method, .text() can be used in both XML and HTML documents.। তদ্ব্যতীত, স্ট্যাকওভারফ্লো / প্রশ্নগুলি / 1910794/… অনুসারে jQuery.html() treats the string as HTML, jQuery.text() treats the content as text।
যদি আপনার পরিবর্তে কোনও jquery অবজেক্ট থাকে তবে আপনি বিদ্যমান সামগ্রীর পরিবর্তে রেন্ডার করতে চান: তবে কেবল সামগ্রীটি পুনরায় সেট করুন এবং নতুনটি সংযোজন করুন।
var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);
বা:
$('#regTitle').empty().append(newcontent);itemtoReplaceContentOf.empty();
newcontentহয় একটি jQuery বস্তু? এটি পরিষ্কার নয়।
htmlStringবা Elementবা Textবা Arrayবা jQueryঅনুযায়ী api.jquery.com/append
আপনার উত্তর এখানে:
//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');
//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();উত্তর:
$("#regTitle").html('Hello World');ব্যাখ্যা:
$সমতূল্য jQuery। উভয়ই jQuery লাইব্রেরিতে একই বস্তুর প্রতিনিধিত্ব করে। "#regTitle"প্রথম বন্ধনী ভিতরে বলা হয় নির্বাচক যা jQuery গ্রন্থাগারের দ্বারা ব্যবহৃত হয়, যা এইচটিএমএল করে DOM (ডকুমেন্ট অবজেক্ট মডেল) আপনি কোড প্রয়োগ করতে চান উপাদান (গুলি) চিহ্নিত করতে। এর #আগে regTitlejQuery কে বলছে যে regTitleএটি ডিওমের অভ্যন্তরে কোনও উপাদানটির আইডি।
সেখান থেকে, ডট স্বরলিপিটি এইচটিএমএল ফাংশনকে কল করতে ব্যবহৃত হয় যা আপনি প্রথম বন্ধনীর মধ্যে যে প্যারামিটার রেখেছেন তা অভ্যন্তরের এইচটিএমএলকে প্রতিস্থাপন করে, যা এই ক্ষেত্রে 'Hello World'।
ইতিমধ্যে এমন উত্তর রয়েছে যা কীভাবে উপাদানটির অভ্যন্তর এইচটিএমএল পরিবর্তন করতে পারে।
তবে আমি পরামর্শ দেব, আপনার এইচডিএমএল পরিবর্তন করতে ফিড আউট / ফেড ইন এর মতো কিছু অ্যানিমেশন ব্যবহার করা উচিত যা পরিবর্তিত এইচটিএমএলকে তাত্ক্ষণিকভাবে অভ্যন্তর এইচটিএমএল পরিবর্তনের পরিবর্তে ভাল প্রভাব দেয়।
$('#regTitle').fadeOut(500, function() {
$(this).html('Hello World!').fadeIn(500);
});আপনার যদি এটির অনেকগুলি ক্রিয়া থাকে তবে এটির জন্য আপনি সাধারণ ফাংশনটি কল করতে পারেন যা অভ্যন্তরীণ এইচটিএমএলকে পরিবর্তন করে।
function changeInnerHtml(elementPath, newText){
$(elementPath).fadeOut(500, function() {
$(this).html(newText).fadeIn(500);
});
}আপনি এটি অর্জন করতে jquery এ এইচটিএমএল বা পাঠ্য ফাংশন ব্যবহার করতে পারেন
$("#regTitle").html("hello world");অথবা
$("#regTitle").text("hello world");ম্যাচযুক্ত .html()নন খালি উপাদান ( innerHTML) এর সামগ্রী নির্ধারণ এবং পাওয়ার জন্য jQuery এর ব্যবহার করা যেতে পারে ।
var contents = $(element).html();
$(element).html("insert content into element");উদাহরণ
$( document ).ready(function() {
$('.msg').html('hello world');
}); <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div class="msg"></div>
</body>
</html>$("#regTitle")[0].innerHTML = 'Hello World';কিছু কার্য সম্পাদনের অন্তর্দৃষ্টি যুক্ত করতে।
কয়েক বছর আগে আমার একটি প্রকল্প ছিল, যেখানে আমাদের বিভিন্ন HTML উপাদানগুলিতে একটি বড় এইচটিএমএল / পাঠ্য সেট করার চেষ্টা করার সমস্যা ছিল।
এটি উপস্থিত হয়েছিল, যে উপাদানটি "পুনরায়" তৈরি করা এবং এটি ডিওএম-তে ইনজেকশন করা DOM বিষয়বস্তু আপডেট করার জন্য প্রস্তাবিত যে কোনও পদ্ধতির চেয়ে অনেক দ্রুত ছিল।
সুতরাং যেমন কিছু:
var text = "very big content";
$("#regTitle").remove();
$("<div id='regTitle'>" + text + "</div>").appendTo("body");<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>আপনার আরও ভাল পারফরম্যান্স পাওয়া উচিত। আমি সম্প্রতি এটি পরিমাপ করার চেষ্টা করিনি (ব্রাউজারগুলি এই দিনগুলিতে চালাক হওয়া উচিত) তবে আপনি যদি পারফরম্যান্স খুঁজছেন তবে এটি সাহায্য করতে পারে।
খারাপ দিকটি হ'ল আপনার স্ক্রিপ্টগুলিতে ডম এবং রেফারেন্সগুলি সঠিক বস্তুর দিকে নির্দেশ করার জন্য আপনার আরও কাজ থাকবে work