Block Blocks of DOM Manipulation – Vanilla JS Tutorial (Part One)

عکس پروفایل Mike Shine Hacker Noon

این پست اولین قسمت از آموزش همراه با کد است ، که در آن شما برخی از مهارت های ابتدایی را در دستکاری وانیل JS DOM خواهید آموخت. اگر ورود قبلی من را از دست دادید ، جایی که من در مورد اینکه وانیل JS چیست و چرا مهم است بحث کردم ، آن را اینجا بررسی کنید.

بیا شروع کنیم!

برپایی

  1. یک پوشه / فهرست در رایانه خود ایجاد کنید. آن را چیزی مناسب بنامید ، مانند “vanilla-js-practice”.
  2. دو پرونده در این پوشه ایجاد کنید ،
    index.html

    و

    index.js

    .

  3. در مرحله بعدی ، بیایید برخی از کد های دیگ بخار را به جدید اضافه کنیم
    index.html

    فایل:


<html
  <head
    <meta charset="utf-8"
    <title Vanilla JS Practice title
  head
  <body
    <script src="index.js"script
  body
html

به طور معمول ، در

در بخش یک فایل HTML ، انواع مختلفی از عناصر را مشاهده خواهیم کرد ، مانند

،

،

، و

، چندتا را نام بردن. با این حال ، در پرونده HTML ما ، این بخش فقط شامل یک

سئو PBN | خبر های جدید سئو و هک و سرور