გამოიყენეთ JavaScript HTML ელემენტების უბრალო ტექსტად გადასაყვანად.
ერთ-ერთი ყველაზე სასარგებლო რამ, რისი გაკეთებაც შეგიძლიათ JavaScript სკრიპტირების ენით, არის HTML დოკუმენტის Document Object Model (ან "DOM") მანიპულირება და მუშაობა. HTML დოკუმენტის DOM არის კონვენცია ამ დოკუმენტის შინაარსის წარმოსადგენად. ის უზრუნველყოფს ვებ ბრაუზერებს და სკრიპტირების ენებს, როგორიცაა JavaScript, ურთიერთქმედებენ სხვადასხვა ელემენტებთან, რომლებიც ქმნიან ამ დოკუმენტს. JavaScript-ისა და ვებ გვერდის DOM-ის გამოყენებით, შეგიძლიათ მარტივად გადაიყვანოთ HTML უბრალო ტექსტად.
Ნაბიჯი 1
დაამატეთ SCRIPT დეკლარაცია თქვენი HTML დოკუმენტის HEAD განყოფილებაში. SCRIPT ტეგი განსაზღვრავს კლიენტის მხარეს სკრიპტს, როგორიცაა JavaScript. თქვენს SCRIPT ტეგს უნდა ჰქონდეს მისი "type" ატრიბუტი დაყენებული "text/javascript"-ზე ისე, რომ მთელი SCRIPT დეკლარაცია ასე იკითხებოდეს: (სადაც JavaScript კოდი მიდის ორ ტეგს შორის).
დღის ვიდეო
ნაბიჯი 2
განსაზღვრეთ JavaScript ფუნქცია, რომელიც პარამეტრად იღებს ერთ სტრიქონს. ეს სიმებიანი პარამეტრი შეიცავს HTML-ს, რომელსაც თქვენ გადააქცევთ უბრალო ტექსტად.
ნაბიჯი 3
შექმენით დროებითი DIV ელემენტი თქვენი JavaScript ფუნქციის შიგნით "createElement()" მეთოდის გამოყენებით.
ნაბიჯი 4
მიანიჭეთ თქვენი ფუნქციის სიმებიანი პარამეტრი თქვენს დროებით DIV-ის "innerHTML" ატრიბუტს.
ნაბიჯი 5
შექმენით დროებითი სიმებიანი ცვლადი თქვენს ფუნქციაში.
ნაბიჯი 6
აიღეთ თქვენი დროებითი DIV-ის უბრალო ტექსტის შინაარსი მისი "textContent" და "innerText" ატრიბუტების გამოყენებით და მიანიშნეთ იგი თქვენს დროებით სიმებიანი ცვლადისთვის. ბრაუზერებს შორის თავსებადობის პრობლემების გამო, ორივე "ტექსტის შინაარსი" და "შიდა ტექსტი" განისაზღვრება ზოგიერთში. ვებ ბრაუზერები და სხვებში განუსაზღვრელი, მაგრამ ერთი ან მეორე განისაზღვრება ყველა ძირითადის ყველა ვერსიაში ბრაუზერები.
ნაბიჯი 7
დააბრუნეთ მნიშვნელობა, რომელსაც ფლობს თქვენი დროებითი სტრიქონი "return" განცხადების გამოყენებით. ეს დააბრუნებს თქვენი კონვერტირებული HTML-ის უბრალო ტექსტურ მნიშვნელობას.
რჩევა
იმის ნაცვლად, რომ გამოიყენოთ IF-THEN განცხადებები ბრაუზერის ჯვარედინი თავსებადობის შესამოწმებლად და გადასაწყვეტად გამოიყენოთ „ტექსტის შინაარსი“ თუ „შიდა ტექსტი“ თქვენს ფუნქციაში, უბრალოდ მიანიჭეთ თქვენი დროებითი DIV ელემენტის უბრალო ტექსტური მნიშვნელობა თქვენს დროებით სტრიქონის ცვლადს შემდეგნაირად: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
